+7 (499) 350 37 54, +7 (929) 977 85 28
Московская область, г. Щёлково, Фряновское шоссе, 1/1
Торгово-офисный центр , 1-й этаж, офис 105 

 

Откуда берутся дети? Ловкость рук и никакого мошенничества

23 мая, 2014 - 15:44 -- Наташа
Сайт: eko-deti.ru
Цель: сделать привлекательную картинку для главной страницы с интерактивными рисованными элементами и переходами с них на внутренние разделы сайта
 
Что придумали: сначала нарисовать статичное изображение (авторская работа), а затем к нему добавить интерактивные элементы и ссылки на другие страницы сайта.
 
Реализация:
В первую очередь наш дизайнер придумал и реализовал оригинальную статичную картинку. Позднее к ней были дорисованы множество маленьких изображений (облака, цветущие кусты, котики и т.д.), которые используются для анимации.
После этого задача перешла в отдел разработки, где картинку разбили на области, которые должны реагировать на движение мыши (по css-технологии для создания карт изображений).
 
Чтобы создать эффект анимации по наведению мыши, мы написали ряд js-скриптов для каждой области. Самым крепким орешком стали облака: если присмотреться, два слоя облаков движутся с разной скоростью. Это эффект 2,5D (или псевдотрехмерность), с которой не понаслышке знакомы поклонники старых компьютерных игр типа Doom и Fallout.
 
Win!