Делаем игру Слоты внутри title сайта / Хабр

=============

Регистрируйся и получи бонус до 50000 рублей!

✅ Ссылка: 1WIN.COM

🔥 Промокод для СУПЕРБОНУСА: TELEGRAPHBONUS

💰 Раздача ваучеров до 1000 рублей: t.me/onewin_vauchers.

=============

Делаем игру Слоты внутри title сайта

Приветствую, в этой статье мы сделаем игру «Слоты» внутри названия сайта(пример, TitleRun ). Механика игры будет очень простая. нажимаешь на кнопку — получаешь случайные слоты, если все слоты...

Создать свое онлайн казино

Приветствую, в этой статье мы сделаем игру «Слоты» внутри названия сайта(пример, TitleRun). Механика игры будет очень простая. нажимаешь на кнопку — получаешь случайные слоты, если все слоты совпадают — выигрываешь.

Зачем вообще делать игры в названии сайта?

Да, возможно это и звучит как нечто совсем странное, но, всё же, это довольно интересно. Во всяком случае, интереснее, чем делать игру обычным способом.

Анимации

Анимации можно реализовать разными способами:

Механика

Как слоты я буду использовать эмодзи(смайлики, emoji, как вам удобнее):

Вот так я смогу получать случайные слоты:

При нажатии на кнопку, будет анимация разных слотов, скорость которой будет постепенно увеличиваться:

checkWin — функция для проверки выигрыша:

Теперь это уже играбельно.

Но я хотел бы добавить больше анимаций(например, анимации выигрыша и главного меню)
Это можно сделать, если ввести глобальные переменные, типа:

и на основе их показывать анимации:

Делаем удобнее

Первое, что я хотел бы сделать — функция, которая заменит логику winAnimation. Она будет выводить сообщение и после запускать другую функцию. В качестве аргумента она будет принимать объект с текстов, кол-вом итераций, скоростью и колбеком.

Ещё я хотел бы сделать менеджер анимаций, с помощью которого можно будет их запускать и контролировать. Это будет класс с хранилищем анимаций и несколькими методами.

Описание методов:
setAnimation — вызывает анимацию.
isPlay — функция-условие для проверки «играет» ли анимация.
createAnimation — добавляет анимацию в хранилище.

Теперь код будет выглядеть вот так: