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

Сайт: eko-deti.ru

Цель: сделать привлекательную картинку для главной страницы с интерактивными рисованными элементами и переходами с них на внутренние разделы сайта

 

Что придумали: сначала нарисовать статичное изображение (авторская работа), а затем к нему добавить интерактивные элементы и ссылки на другие страницы сайта.

 

В первую очередь наш дизайнер придумал и реализовал оригинальную статичную картинку. Позднее к ней были дорисованы множество маленьких изображений (облака, цветущие кусты, котики и т.д.), которые используются для анимации.

После этого задача перешла в отдел разработки, где картинку разбили на области, которые должны реагировать на движение мыши (по css-технологии для создания карт изображений).

 

Чтобы создать эффект анимации по наведению мыши, мы написали ряд js-скриптов для каждой области. Самым крепким орешком стали облака: если присмотреться, два слоя облаков движутся с разной скоростью. Это эффект 2,5D (или псевдотрехмерность), с которой не понаслышке знакомы поклонники старых компьютерных игр типа Doom и Fallout.