Как реализовать такой барабан?

Question

[Павел]

Необходимо реализовать скрипт барабана/рулетки.
Пользователь оставляет номер телефона и ему дается возможность крутить барабан, барабан крутится и через некоторое время останавливается и определяется, на какую ячейку барабана указывает стрелка. Отправляется заявка на почту со значением, которое выпало пользователю.
Вот что-то такое https://game-lead.ru/

Answer 1

[Арсений Матыцин]

Я не вводил свой номер, естественно, для проверки, но:
1. Сгенерить рандом (или не рандом), который отдаст диапазон\четкое попадание в часть оборота, скажем, .5
2. Добавить расчитанный вручную красивый путь, допустим, оборотов 10
3. Использовать в animate\transition(зависит от реализации) css функцию ускорения и торможения (easing function).
4. Запустить по событию

Comments

[Павел]

интересное предложение, а вы встречали готовый скрипт?
я не силен в js

[Арсений Матыцин]

Павел, нет, конечно, зачем искать кому-либо готовый скрипт ради пары (буквально) строчек кода? Не силен в JS отдай «рандом» бэком при рендере. Тогда останется работа за CSS. Базовое положение (от обратного) можно передать прямо в аттрибут style и откатить (инвертируя) уже анимацией.

Но к такому все же не рекомендую прибегать) Учите JS.