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

Question

[Иван Иванов]

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

Comments

[Дима Долготер]

50 на 50) идет?

[Froggyweb]

Сss передает данные на сервер? Это невозможно но если сделаете киньте ссылку на казино.... Все с точностью наоборот сервер отдает параметр насколько вращать колесо, js это принимает и анимирует на css

[Иван Иванов]

Froggyweb, я имел ввиду что на css оно крутится (transform: rotare(900deg))

Answer 1

[Dmitry Bay]

Эм, а чем вас вращающийся круг не устраивает?

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

Причем, если механику вращения делать на стороне сервера, то пользователь сможет зачитерить легко вашу рулетку.
Поэтому алгоритм действий -
Человек запускает рулетку, мы отправляем на сервер запрос и получаем результат. рассчитываем скорость вращения и где закончится рулетка, отображаем человеку, и показываем дополнительную инфорамцию.

Comments

[Иван Иванов]

а как получить значение, которое выпало? Я что-то не врубаюсь...

[Иван Иванов]

А кажичь дошло. отправляю на сервер, там рандом от 1 до 360, потом получаю ответ и рулетка крутится на столько же градусов

[Dmitry Bay]

Максим Фикс, 1-360 это точно значение.
если у вас 20 значений, достаточно просто отправить число 1-20 и уже рандомом подгадать значение внутри диапазона. вариантов множество. Просто значение считать должен сервер, а не клиент.

Answer 2

[twobomb]

Делал когда-то, но не на CSS, а на canvas. Вот
Можно немного изменить и получить такое

Answer 3

[Александр Аксентьев]

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

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

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

Ни JS, ни CSS внезапно! не отвечают за то что выпадет на рулетке или любом другом лохотроне в браузере.

Answer 4

[Андрей]

Это для SVG задача, а не CSS.