Верстка страницы и создание простой игры на canvas

Цена договорная
24 августа 2019, 12:49 • 6 откликов • 77 просмотров
Требуется сверстать страницу с игрой http://joxi.ru/YmExwvGHwlL7Kr (десктоп темная и светлая версия, мобильная версия темная и светлая). Десктоп делаем на 1920 с масштабированием в 1920+ и от 1920 до 1024. Мобильную делаем от 320 до 1023. Так же есть 2 попапа.

По игре.
Надо создать аналогичную игру https://csgo500.io/crash
Логика игры для верстки:
Игра состоит из 3 функций:
Функция 1 → Функция 2 → Функция 3 → Функция 1 → Функция 2 → Функция 3 и т.д.

Функция 1. Запуск таймера (http://joxi.ru/gmv4xKzTqjQd0A ). Отсчет начинается с 10 и заканчивается 1 (длится 9 секунд), за это время пользователи делают ставки.

Функция 2. Запуск графика. График начинает двигаться с пересечения 1.00 x (1.00 х - коэффициент), 1s. Движение графика (траектория и скорость) задается формулой “показательной функции”. При достижении луча крайней правой верхней точки, движение луча на графике фиксируется, дальнейший вывод определяется за счет масштабирования координат графика (укрупняется шкала измерения), например сперва была градация 1s, 2s, 3s,...Ns., 11s, потом будет 10s, 20s, 30s,...Ns, 90s, получаем шаг 1s,2s,5s,10s,20s,50s. Для коэффициента шаг 0.5x, 1x, 2x, 4x, 10x, 20x, 40x, 100x. График постоянно отправляет запросы (через сокеты) серверу и синхронизирует данные 2 параметра “коэффициент” и параметр “стоп”. При получении параметра “стоп”, график останавливается. Также при достижении определенных коэффициентов, часть луча меняет цвет согласно выше описанному алгоритму.

Функция 3. Выводит результат игры (http://joxi.ru/8AneKjOUzM8nD2 ). Длится 6 секунд.

Детальное описание с макетами и скринами вышлю вышлю личным сообщением.