Колесо фортуни

Як користуватися

1. Введіть по одному варіанту на рядок або перетягніть .txt файл (один рядок = один елемент).
2. Можна перетягнути зображення — один файл = один елемент. Текст і картинки можна змішувати; список редагується в текстовому полі.
3. Над списком — вкладки «Список», «Історія» та «Видалені». В історії — результат кожного спину; у видалених — прибрані елементи — натисніть «Відновити».
4. У рядків із зображеннями зліва мініатюра; наведіть для збільшеного прев’ю.
5. На колесі зображення заповнюють весь сегмент (частку) замість тексту.
6. При першому відкритті колесо повільно обертається само, доки ви не натиснете «Крутити» вперше.
7. Можна обрати пресет або перемішати список.
8. Натисніть колесо або «Крутити» — стрілка вкаже випадковий сегмент.
9. Потрібний ланцюжок? Додайте друге колесо знизу.
10. У вікні переможця: скопіювати, прибрати або крутити знову. Після видалення з’явиться панель «Скасувати» з таймером.

Питання та відповіді

Для чого це?

Випадковий вибір: що подивитися, у що грати, ролі в RPG, так/ні та будь-який чесний вибір зі свого списку.

Чи можна імпортувати .txt або зображення?

Так. Перетягніть .txt або зображення в зону drop. Рядок .txt = елемент; для зображення підпис — ім’я файлу без розширення.

Що таке вкладка «Історія»?

Кожен елемент, видалений через «Прибрати і крутити знову», зберігається в історії цього колеса (лише в сесії). Відкрийте вкладку і натисніть «Відновити».

Чи можна скасувати видалення?

Так. Після видалення з’являється панель «Скасувати» з відліком. Також можна відновити з вкладки «Видалені».

Чи завантажуються файли на сервер?

Ні. Усе в браузері. Текст, історія спинів і видалені — у localStorage, зображення — у IndexedDB на пристрої.

Чи можна однакові значення?

Так. Однакові рядки — окремі сегменти.

Чи всі сегменти рівноймовірні?

Так. Кожне обертання — випадковий індекс.

Як це працює?

JavaScript малює SVG-колесо, обрізає зображення по сегментах, CSS-анімація. Без сервера.