Цель работ: создание web-страницы с анимационным роликом, представляющим собой новогоднюю открытку – поздравление на русском и английском языках.
Основные характеристики анимационного ролика:
1. Хронометраж: 20-25 секунд.
2. Озвучение: новогодняя музыка, предоставляется Заказчиком.
3. Анимационный ролик запускается автоматически после попадания по ссылке на страницу, на которой он находится. Никаких дополнительных нажатий для запуска открытки не требуется.
Сценарий анимационного ролика
1. Страница с синим «зимним» фоном (синяя, на ней неброские снежинки или узоры).
2. Снизу вверх поднимается (выезжает) театральная сцена, раздвигается занавес, опускается верхняя ширма.
3. На сцене поочередно появляются декорации: снежные сугробы круглой формы, на каждом елки / домики. Сугробы вращаются вокруг своей оси: сугробы слева – по часовой стрелке, справа – против, т.е. создается иллюзия, что мы едем. На веревочках на небо опускаются звезды, луна, веревочки раскачиваются.
4. Последним появляется Дед Мороз тоже прикрепленный на веревочке (ее конец уходит, например, за правую часть ширмы). Одновременно на верхней части сцены зажигается неоновая надпись «Счастливого Нового года!» и ниже (или рядом) надпись на английском «Happy New Year!».
5. Дед Мороз с мешком подарков либо едет на лыжах, либо катится на оленьей упряжке, все время «едет» на одном из вращающихся сугробов. Какая – то часть Деда Мороза (или упряжки) должна быть анимирована – например, развевающаяся одежда / борода, движение ног оленей и т.п.
6. Дед Мороз держит в руках большой плакат на палке с надписью «Желаем Вам…» , на уровне плаката по небу начинают проезжать слова на веревочках: «Удачи!», «Благополучия!», «Счастья!», «Здоровья!».
Потом надпись на плакате меняется на английскую: «Wishing you…» и проезжают слова «Good luck!», «Prosperity!», «Happiness!», «Health!».
Декорации сворачиваются в обратном порядке по сравнению с тем, как они появлялись. На веревочке выпадает логотип Alltech, занавес закрывается.
7. На закрытый занавес «пришиты» 2 кнопки: Replay (после нажатия ролик повторно запускается на просмотр) и Visit Website (при нажатии переход по ссылке
).
Технические требования:
Для разработки анимационного ролика должна быть использована технология html5 (не используется flash).
Анимационный ролик должен проигрываться автоматически в стандартных конфигурациях основных браузеров: Microsoft Internet Explorer, Google Chrome, Safari, Firefox на ОС Windows, MacOS, Android, iOS актуальных на момент приемки версий.
Результат работ предоставляется исполнителем в виде отдельной сверстанной web-страницы, которая может быть размещена на web-сайте заказчика.
Под размещением подразумевается копирование через FTP, без необходимости внесения изменений в конфигурацию web-сервера.