4

У меня стоит задача сделать анимацию рулетки. Нужно чтобы у каждого пользователя одинаково отображалась анимация, то есть одна и та же картинка на сайте.

В моем случае анимация присутствует в рулетке, какая начинает крутится с рандомной скоростью, потом уже исходя от силы инерции, рулетка останавливается и выясняется номер на каком она остановилась.

2d рулетка, разделенная на 36 частей, каждая часть имеет свой номер.

Каким лучше образом это можно реализовать?

12
  • 3
    Обсчёт на стороне сервера. Клиенту отдаёте, например, json, где указано время в которое должно быть показан тот или иной момент\кадр\ что-то ещё. На стороне клиента смотрите, какое время сейчас. И настало ли оно, чтобы показать кадр. Если веря прошло, то пробегаете дальше. Или показываете результат.
    – n.osennij
    9 фев 2019 в 19:01
  • @n.osennij Я даже приблизительно не представляю как покадрово разделить анимацию и отобразить определенный кадр исходя от времени.
    – Human
    9 фев 2019 в 19:22
  • @n.osennij В моем случае анимация присутствует в рулетке, какая начинается крутится с рандомной скоростью, потом уже исходя от силы энерции, рулетка останавливается и выясняется номер на каком она остановилась.
    – Human
    9 фев 2019 в 19:24
  • @n.osennij 2d рулетка, разделенная на 36 частей, каждая часть имеет свой номер.
    – Human
    9 фев 2019 в 19:25
  • Что-то мне подсказывает, что полной синхронизации картинки 1 в 1 между разными пользователями достигнуть нельзя. Например, если пользователь перейдет на другую вкладку, то анимация уже начнет запаздывать так как у вкладки понизился приоритет => меньше квантов времени на ее работу.
    – iluxa1810
    12 фев 2019 в 14:38

1 ответ 1

1

рандомное значение, и силу инерции - надо сообщить всем игрокам и после запускать анимацию и тогда у всех по идее должна запускаться одинаковая анимация

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.