Требуется верстка на HTML 5 двух экранов с анимацией.
Сроки – 2 дня.
Проект – презентация в игровой форме. Суть игры – перемещение
Особенности первого экрана:
- загрузка первого экрана, при которой на рабочую область "вываливаются" все объекты, короткий текст, кнопка "продолжить"
- первый экран представляет из себя подобие игры-лабиринта, локации с маршрутом по которому персонаж перемещается по
клеткам по средствам нажатия стрелок на клавиатуре.
Существует 2 вида персонажа (перемещаются по одной локации). Персонаж выбирается на тулбаре. Там же находятся 2 кнопки,
отсылающие на сторонний ресурс.
При попадании персонажа на клетку с информацией в лабиринте возникает всплывающая подсказка с кратким описание и кнопкой
"подробнее". Параллельно возможно наведение курсором мыши на информационные клетки лабиринта, также возникновение
всплывающей подсказки с кнопкой "подробнее".
При нажатии на "подробнее" происходит анимированная смена экранов. Объекты смещаются вниз при параллельном смещении фона и
появлении бэкграунда для второго экрана.
Когда персонаж доходит до финальной клетки маршрута, возникает попап с надписью "Вы выиграли и кнопкой "играть заново"
Второй экран:
текстовая информация (4 вида наполнения в зависимости от выбранной клетки в лабиринте). Кнопка "вернуться на карту" и 2
кнопки, ссылающиеся на сторонний ресурс.
Макеты будут показаны кандидатам.
Сроки горят.
Опубликован 09.04.2013 в 00:51