@maksim_fix
Junior PHP developer

Как сделать рулетку на css?

Здравствуйте. Как можно сделать подобие рулетки в форме круга, которая вращается? Объясните мне как это анимировать на css? Серверную часть я сам смогу. Только нужно не тупо сдеать вращающую картинку, а еще передать значение выпавшего числа на сервер, ато если на JS делать то я смогу сам выбрать что мне должно выпасть) Заранее спасибо! Вот пример:
В интернете я видел подобные, но там все на js и не очень защищено...
5aa7f076f084a420311321.png
  • Вопрос задан
  • 6061 просмотр
Пригласить эксперта
Ответы на вопрос 4
kawabanga
@kawabanga
Бью себя по рукам за каждый ответ на глупый вопрос
Эм, а чем вас вращающийся круг не устраивает?

Все же элементарно в этом случае, у вас есть круг - это 360 градусов, крутите и считайте градусы.
например элементов 20 в рулетке, значит 18градусов тратится на один элемент.

Причем, если механику вращения делать на стороне сервера, то пользователь сможет зачитерить легко вашу рулетку.
Поэтому алгоритм действий -
Человек запускает рулетку, мы отправляем на сервер запрос и получаем результат. рассчитываем скорость вращения и где закончится рулетка, отображаем человеку, и показываем дополнительную инфорамцию.
Ответ написан
twobomb
@twobomb
Делал когда-то, но не на CSS, а на canvas. Вот
Можно немного изменить и получить такое
Ответ написан
Комментировать
Sanasol
@Sanasol
нельзя просто так взять и загуглить ошибку
Как сделать рулетку на css?

ато если на JS делать то я смогу сам выбрать что мне должно выпасть)

сделайте меня это развидеть.

Ни JS, ни CSS внезапно! не отвечают за то что выпадет на рулетке или любом другом лохотроне в браузере.
Ответ написан
Комментировать
KeySVG
@KeySVG
аниматор svg / html5
Это для SVG задача, а не CSS.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы