Игровые механики
Рулетка CPARIP / WheelSpin
Колесо, результат и открытие формы.
Отправка форм в примере отключена.
Подключение
- Скопируйте ywbroulette.js, ywbroulette.css и prizewheel.png. Подключите CSS в <head>, JS после HTML контейнеров.
- Создайте отдельные #roulette и #roulette-form. Вызовите initRoulette({ selectors: { roulette: "#roulette", form: "#roulette-form" } }).
- Тексты задаются в texts, длительность в duration (мс), изображение в image. onResult вызывается после вращения, onComplete после подтверждения. Возвращаемый объект содержит state, spin() и destroy().
- stopAngle задаёт финальный угол. Текст результата должен соответствовать выбранному сектору изображения. По умолчанию это заданная скидка, не случайный розыгрыш.
Что учесть
Графика исходной рулетки CPARIP, новый JS-модуль. Повторный вызов для того же контейнера возвращает существующий экземпляр.