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