Цей посібник описує всі 14 доступних дій випадкового вибору імен у Spin and Wheel — браузерному інструменті, який надає кожному запису однаковий сектор на колесі HTML5 Canvas, забезпечуючи ймовірність вибору 1/N. На сторінці — швидкий старт із трьох кроків і детальний довідник із кожної кнопки, перемикача й гарячої клавіші на основному колесі.
Відкрити колесоВведіть або вставте список у поле «Записи» — по одному елементу в рядку. Імена, варіанти, завдання, призи — будь-що, що ви хочете обрати випадково. Обмеження на кількість записів немає, окрім місткості localStorage браузера (зазвичай 5 МБ на джерело).
Натисніть кнопку «Крутити колесо» під колесом або просто клацніть по самому колесу. Обертання триває 3,5 секунди з кривою сповільнення easeOutQuart і зупиняється на випадковому записі з ймовірністю 1/N — у кожного запису однаковий шанс, незалежно від його позиції на колесі.
Переможець з'являється у вікні. Звідти ви можете крутити ще раз, видалити переможця зі списку або закрити вікно — і ваш переможець автоматично потрапить до вкладки «Переможці».
Поле «Записи» містить список, з якого колесо робить вибір — по одному елементу в рядку, із живим лічильником непорожніх рядків. Кожен запис займає сектор 360°/N на колесі, тому ймовірність вибору точно дорівнює 1/N незалежно від довжини запису чи позиції. Обмеження на кількість записів немає, окрім місткості localStorage браузера (зазвичай 5 МБ на джерело).
Підказка: вставте колонку з таблиці, щоб додати багато записів одночасно.
Випадково перевпорядковує всі записи у полі. Корисно, якщо ви хочете інших сусідів на колесі між обертаннями або щоб прибрати порядок з відсортованого списку.
Перемішування не змінює ймовірності результатів — кожен запис усе одно має шанс 1/N.
Сортує записи за алфавітом (А–Я). Зручно для впорядкування довгих вставлених списків або групування схожих записів перед тим, як поділитися колесом.
Як і перемішування, сортування змінює лише порядок відображення, а не справедливість.
Видаляє всі записи з поля одним кліком. Колесо стає порожнім, і ви можете розпочати новий список.
Видалений список неможливо відновити — спочатку поділіться URL-адресою, якщо хочете залишити копію.
Запускає анімацію обертання, фіксовану на 3 500 мс із кривою сповільнення easeOutQuart — для послідовного відчуття та справедливих результатів. Є два тригери: кнопка «Крутити колесо» під колесом і клік просто по самому колесу. Поле «Записи» вимикається під час обертання, щоб список не змінився посередині, інакше це порушило б розрахунок ймовірностей.
Тривалість анімації навмисно фіксована, щоб жоден запис не отримав перевагу від довжини обертання.
Кожен переможець автоматично додається до вкладки «Переможці». Переключіться на вкладку, щоб побачити повну історію результатів, із лічильником, який показує, скільки переможців уже обрано.
Кнопка «Очистити» на вкладці «Переможці» скидає історію, не торкаючись ваших записів.
У вікні переможця кнопка «Видалити» прибирає переможця з колеса — ідеально для лотерей з елімінацією, де кожне ім'я може виграти лише раз. Кнопка «Використати як записи» на вкладці «Переможці» переносить усіх переможців назад до списку обертань.
Поєднайте обидва, щоб провести раунди на вибування: крутити, видалити, повторити.
Після показу переможця вікно може автоматично запустити наступне обертання. Увімкніть галочку та задайте таймер у секундах. Таймер скидається після кожного нового переможця.
Стандартний відлік — 30 секунд; змініть його під темп вашого заходу.
Якщо ввімкнено, ім'я переможця озвучується вголос через Web Speech API браузера (інтерфейс SpeechSynthesis, специфікація W3C Community Group). Голос і мова автоматично підбираються до активної мови інтерфейсу серед усіх підтримуваних локалей. Стан перемикача у вікні переможця зберігається в localStorage як voiceOver_
Якість і мова голосу залежать від голосів, встановлених у вашій операційній системі.
Під час обертання лунає клацання — як на справжньому колесі фортуни. Увімкнути або вимкнути можна іконкою динаміка в шапці сторінки — налаштування зберігається між сеансами.
Вимкніть для уроків чи офісу, де важлива тиша навколо.
Клік по іконці повноекранного режиму в шапці викликає Fullscreen API браузера (Element.requestFullscreen()), розширюючи canvas колеса на весь viewport. Підтримується в усіх evergreen-браузерах (Chrome, Edge, Firefox, Safari 16.4+) і чудово підходить для презентацій, проєкторів і відеодзвінків зі спільним екраном.
Натисніть Esc, щоб вийти з повноекранного режиму будь-коли.
Записи автоматично зберігаються в localStorage браузера (Web Storage API, Рекомендація W3C) із ключем для кожної мови: mainInput_en, mainInput_uk тощо. Збереження зберігається після закриття вкладки, перезапуску браузера й перезавантаження пристрою — поки користувач не очистить дані сайту. Місткість на джерело зазвичай 5 МБ, чого достатньо для десятків тисяч записів.
Зберігається окремо для кожної мови: переключення на українську дасть окремий український список.
URL-адреса сторінки оновлюється на кожне натискання клавіші через History API (history.replaceState) — поточний список записів кодується як URL-безпечний параметр запиту. Поширення адреси переносить стан колеса без жодного звернення до сервера: одержувач відкриває посилання й бачить ту саму конфігурацію у себе. Розмір списку обмежений лише межею URL у браузері (~2 000 символів у старих клієнтів, ~32 000 у сучасних Chromium).
Без облікового запису, без сервера — список живе всередині самої URL-адреси.
Натисніть кнопку «Поділитися QR-кодом» над полем записів, щоб відкрити вікно зі скануваним QR-кодом. У коді зашифровано поточну URL-адресу сторінки, включно з усіма доданими записами, тож будь-хто, хто відсканує його камерою телефона, відкриє те саме колесо з тим самим списком. У вікні також показано повне посилання й кнопка «Скопіювати посилання», якщо ви хочете надіслати адресу в чат, e-mail або вставити в презентацію.
Зручно для класів і заходів — учні чи гості сканують код на екрані й одним дотиком відкривають колесо на власному пристрої.
Колесо доступне 11 мовами: англійською, французькою, іспанською, японською, португальською, німецькою, польською, корейською, гінді, індонезійською та українською. Оберіть мову внизу сторінки — увесь інтерфейс, включно з озвученням, перемикається миттєво.
Кожна мова зберігає власний список записів, тому вони не перезаписують одне одного.
Колесо фортуни можна показувати наживо на вашому стрімі в OBS Studio у двох частинах: колесо, яке лежить поверх вашої сцени, і невелика панель керування, закріплена всередині OBS, де ви редагуєте імена й крутите колесо. Не потрібно встановлювати додатковий софт і не потрібен обліковий запис — обидві частини працюють усередині OBS на тому самому комп'ютері.
Додайте колесо до сцени за допомогою посилання Display Link. Воно з'являється на прозорому фоні — над вашим геймплеєм чи вебкамерою видно лише саме колесо, без рамки. Найкраще працює квадратний розмір на кшталт 800 × 800.
Перетягуйте та змінюйте розмір де завгодно на сцені; область навколо колеса лишається прозорою над іншими джерелами.
Додайте Dock Link як панель усередині OBS, щоб редагувати імена, крутити й переглядати переможців, не залишаючи OBS і не переходячи на вкладку браузера.
Якщо панель зникне, увімкніть її знову через меню Docks у верхній частині OBS.
Панель керування й колесо на екрані з'єднані всередині OBS, тож обертання миттєво з'являється у стрімі. Нічого не надсилається на сервер — обидві частини просто мають працювати в тому самому OBS на одному комп'ютері.
Натисніть «Крутити колесо» на панелі — колесо на екрані одразу починає обертатися; кожен переможець потрапляє до списку «Переможці» на панелі.
Увімкніть Control audio via OBS під час додавання колеса, щоб глядачі чули клацання. З панелі можна також увімкнути озвучення кожного переможця та автоматичний запуск наступного обертання.
Колесо можна вимкнути в OBS Audio Mixer будь-коли.
