CSGO Case Opener

Симулятор открытия кейсов CS:GO с анимированной прокруткой предметов, системой редкостей и сохранением пресетов.

---

🚀 Быстрый старт

Любая платформа

Просто открой index.html в браузере — никаких сборщиков и зависимостей.

📦 Использование

1. Вставь список предметов в поле (через , ; | или с новой строки) и нажми +
2. Настрой вес каждого предмета через ползунок — редкость вычисляется автоматически
3. Сохраняй наборы как пресеты
4. Нажми Открыть кейс — анимация прокрутит трек и выберет победителя
5. Результат сохраняется в истории

🧱 Архитектура

Файл	Роль
index.html	Разметка, модальные окна, структура интерфейса
script.js	Вся логика: парсинг, анимация, веса, редкости, пресеты, история, темы
style.css	Полный UI: тёмная/светлая тема, адаптив, анимации

⚙️ Конфигурация

Всё хранится в localStorage и настраивается через интерфейс:

Параметр	Описание
Профиль	Никнейм, отображается при выпадении и в истории
Тема	Тёмная / Светлая
Цвет акцента	Фиолетовый, синий, зелёный, оранжевый, красный, розовый

🎯 Система редкостей

Вес предмета (1–100) определяет его редкость и цвет:

Редкость	Цвет	Условие (weight/max)
🔘 Consumer	#b0b0b0	≥ 70%
🔵 Industrial	#5b98cf	≥ 40%
🔷 Mil-Spec	#4b69cf	≥ 20%
🟣 Restricted	#8847cf	≥ 10%
🟠 Classified	#d32ce6	≥ 5%
🔴 Covert	#eb4b4b	≥ 2%
🟡 Gold (StatTrak)	#ffd700	< 2%

🎞️ Анимация спина

• Трек заполняется случайными предметами (с учётом весов) до и после победителя
• Ease-out cubic easing, длительность ~5.5 секунд
• Победитель подсвечивается рамкой, тенью и шкалой внизу
• Проигравшие затемняются

📜 История

• Хранит до 100 последних результатов
• Дата, предмет, редкость, профиль
• Очищается одной кнопкой

💾 Пресеты

• Сохраняй любые наборы предметов с весами
• Быстрая загрузка и удаление
• Подтверждение при перезаписи

🌐 API (отсутствует)

Чистый фронтенд — никакого бэкенда. Всё работает локально в браузере.

---

CSGO Case Opener

CS:GO case opening simulator with animated item scroll, rarity system and preset saving.

---

🚀 Quick start

Any platform

Just open index.html in your browser — no build tools, no dependencies.

📦 Usage

1. Paste your item list (separated by , ; | or newlines) and click +
2. Adjust each item's weight via slider — rarity is computed automatically
3. Save sets as presets
4. Press Open case — the track animates and picks a winner
5. Result is saved in history

🧱 Architecture

File	Role
index.html	Layout, modals, UI structure
script.js	Full logic: parsing, animation, weights, rarities, presets, history, themes
style.css	Complete UI: dark/light theme, responsive, animations

⚙️ Configuration

Everything is stored in localStorage and configured via the UI:

Setting	Description
Profile	Nickname shown on win and in history
Theme	Dark / Light
Accent color	Purple, blue, green, orange, red, pink

🎯 Rarity system

An item's weight (1–100) determines its rarity and color:

Rarity	Color	Condition (weight/max)
🔘 Consumer	#b0b0b0	≥ 70%
🔵 Industrial	#5b98cf	≥ 40%
🔷 Mil-Spec	#4b69cf	≥ 20%
🟣 Restricted	#8847cf	≥ 10%
🟠 Classified	#d32ce6	≥ 5%
🔴 Covert	#eb4b4b	≥ 2%
🟡 Gold (StatTrak)	#ffd700	< 2%

🎞️ Spin animation

• Track is filled with random items (weighted) before and after the winner
• Ease-out cubic easing, duration ~5.5 seconds
• Winner highlighted with border, glow, and scale
• Losers are dimmed

📜 History

• Stores up to 100 most recent results
• Date, item, rarity, profile
• Clear with one button

💾 Presets

• Save any item set with weights
• Quick load and delete
• Overwrite confirmation

🌐 API (none)

Pure frontend — no backend. Everything runs locally in the browser.