Нарисовать дизайн 1 игровой страницы "боевки" (страница боя игрок против игрока) с анимацией на HTML5. Получившийся дизайн и анимацию сверстать с использованием HTML5, выложить на каком-то ресурсе, на который можно зайти с телефона и проверить дизайн и работу анимации
Возможен вариант только отрисовки анимации и дизайна, без верстки под HTML5
В комментах под проектам просьба указать примеры работ по дизайну мобильных игр (или приложений), а так же примеры анимации которые вы создавали
О проекте:
Игрок выступает в роли танкового генерала, который управляя танками (картами) атакует противника
Требования к дизайну страницы:
- Страница должна масштабироваться (одинаково хорошо выглядеть и на 4 айфоне и на 7)
- Дизайн в стиле сайта
- Не тяжеловесная (игра с телефона по 3G сетям)
Требование к анимации (какие надо сделать анимации):
- Анимация выстрела карты танка по другой карте танка
- Анимация выстрела карты танка по профилю противника
- Анимация уничтожения карты танка от выстрела
- Анимация "не пробил" когда одна карта танка стреляла в другую карту танка
- Анимация "смена цели". Атаковал генерала противника и его карты, после нажатия смены цели начал атаковать другого генерала противника и его карты
- Анимация "маневр".Тебя атакует генерал противника, после нажатия "маневр" он перестает тебя атаковать
- Анимация атаки твоих карт танков другими генералами. Для массовых боев, когда ты видишь и атакуешь только одного генерала, но в локации есть другие генералы противники и они атакуют тебя
- Анимация уменьшение/увеличения жизней у игрока/противника
- Анимация завершения боя. Всплывающее окно с победой/поражением и наградой. В этом же окне кнопка "Новый бой". Примерный вид:
Победа/Поражение!
Награда:
[картинка танка в награду]
100 опыт 100 золота
Текущий схематичный вид страницы –
Что в текущей схеме не нравится и чего не хватает:
1. Картинки танков
- Сократить названия танков
- Блоки (карты) танков должны быть единого размера
- Убрать слово "обыч" которое показывает крутость карты (обычная, редкая, эпическая и так далее). Это можно понять и по цвету карты
Цвета крутости карт –
- Показать на карте страну танка (иконкой)
- Показать на карте уровень карты
2. Блок состояния игрока/противника
- Выделить профиль игрока и противника, потому-что сейчас это просто ник и жизни в квадратных скобках. Надо сделать полноценный блок с полоской жизней и цифрой жизней, аватаркой игрока и противника (картинка генерала для аватарки)
3. Добавить 3 кнопки под танками игрока (танки игрока снизу)
Кнопки: "маневр" | "смена цели" | "золотые снаряды" (название не обязательно писать под кнопками).
- На кнопке у золотых снарядов обязательно показать количество этих снарядов, а так же состояние кнопки "включена/выключена".
- У прочих кнопок так же есть 2 состояния "активна/не активна". Если не активна, то показан отсчет времени в секундах до того как станет активна (допустим 20 секунд)
4. Прочее
- Текст "vs" между танками игрока и противника лишний
Важно: На выходе должна получится страница на которую можно зайти с телефона и проверить дизайн и анимацию
В прикрепленных файлах картинки танков
P.S. Цена за проект обсуждаема
В поисках сотрудника для работы в офисе (Новосибирск), на должности:
Художник –
Дизайнер интерфейсов –