Верстка сайта для проекта lineage777
Дизайн:
Dezi
Вид работ:
Верстка с адаптацией под мобильные устройства и редизайн личного кабинета MMOWEB
Интересная задумка для дизайна в стиле казино. Вся информация на десктопной версии умещается на экране без скролла, а в середине красуется "Однорукий бандит". Изначально увидев в дизайне данный автомат, я попытался найти что-то готовое, ведь в его работе много нюансов, но так и не смог найти ничего хорошего и тем более такого, чтобы можно было легко подогнать под дизайн. В итоге решил написать весь функционал самостоятельно и так увлекся, что получилось даже лучше чем планировал:
Выигрышные слоты можно получать через ajax с бекенда, чтобы нельзя было как-либо повлиять на результат, либо имитировать через js, если результат не имеет особой важности. slot-machine имеет собственные события старта и окончания работы автомата на которые можно повесить свои обработчики. В данном примере по окончанию работы открывается модальное окно с предложением зарегистрироваться, чтобы получить приз. Автомат получился достаточно гибким в модификации и использовании, возможно я продолжу его разработку и оптимизацию в будущем.
На сайте так же были реализованы несколько простых анимаций.
Логотип с мерцающей буквой:
Стрелка указывающая на сервер:
Модальные окна с анимацией появления и исчезания, так же разработанные мной.
Окно с файлами:
Окно с пожертвованиями:
Выбор языка на основе написанного мной "Пользовательского виджета Google Translate":
Редизайн личного кабинета MMOWEB на основе графических элементов от Dezi:
Выигрышные слоты можно получать через ajax с бекенда, чтобы нельзя было как-либо повлиять на результат, либо имитировать через js, если результат не имеет особой важности. slot-machine имеет собственные события старта и окончания работы автомата на которые можно повесить свои обработчики. В данном примере по окончанию работы открывается модальное окно с предложением зарегистрироваться, чтобы получить приз. Автомат получился достаточно гибким в модификации и использовании, возможно я продолжу его разработку и оптимизацию в будущем.
На сайте так же были реализованы несколько простых анимаций.
Логотип с мерцающей буквой:
Стрелка указывающая на сервер:
Модальные окна с анимацией появления и исчезания, так же разработанные мной.
Окно с файлами:
Окно с пожертвованиями:
Выбор языка на основе написанного мной "Пользовательского виджета Google Translate":
Редизайн личного кабинета MMOWEB на основе графических элементов от Dezi:
Более детально элементы сайта и взаимодействие с пользователем можно увидеть на видео:
Категория: Портфолио / Игровые сайты
Комментарии