Колесо фортуны: настраиваемый генератор случайного выбора

Как настроить колесо

Впишите варианты по одному в строке. Если шансы должны отличаться, добавьте вес через вертикальную черту: «Пицца | 3». Сектор такого варианта станет втрое шире, и выпадать он будет пропорционально чаще — колесо честно показывает вероятности, а не только считает их внутри. Панель шансов справа подтверждает проценты, посчитанные по весам.

Внешний вид настраивается: три палитры (яркая, пастель, глубокий синий), время вращения — любое число от 1 до 30 секунд, звук щелчков по секторам. Сцена тёмная, указатель золотой, поэтому колесо хорошо читается и на проекторе, и на телефоне.

Как оно крутится

Колесо рисуется на canvas: градиентные сектора, светлая обводка, блик сверху, указатель и частицы. Во время вращения скорость снижается по плавной кривой, а под указателем проскакивают сектора с коротким щелчком. После остановки победивший сектор подсвечивается, а поверх колеса появляется карточка с именем, шансом и кнопками «Ещё раз» и «Закрыть».

Победитель выбирается до начала анимации — по весам, через crypto.getRandomValues. Затем вычисляется угол: колесо делает 5–7 оборотов и останавливается так, чтобы центр выигравшего сектора оказался под указателем. Поэтому ускорение нельзя «подкрутить»: скорость влияет только на зрелище.

Для розыгрыша и стрима

«Убирать выигравшего» превращает колесо в жеребьёвку нескольких призов без повторов: после закрытия карточки победитель исчезает из списка. История последних двенадцати результатов остаётся под настройками, а кнопка «Скопировать» кладёт в буфер последнего победителя. Режим «На весь экран» убирает сайт с экрана — удобно, когда колесо показывают зрителям.

Список, правила, палитра, время вращения и история хранятся только в вашем браузере.