Процесс
Инсомния
Сервисы
UI дизайн
3D дизайн
Анимация
Фронт-энд
Технологии
Three.JS
Handtrack.JS
Youtube API
Cinema 4D
Figma
Lip Sync Voice
Задача
Разработать лендинг с уникальной интерактивной механикой «гипноза» главного героя, перфоманс-материалы и макеты для наружной рекламы по гайдам клиента, на основе Key Visual сериала.
Решение
Реализовали механику отслеживания движения рук или любого предмета через видеокамеру пользователя, создавая ощущение, что голова с экрана реагирует на реальные действия. Если пользователь не хотел использовать камеру, то курсор трансформировался в маятник, который нужно было раскачивать, чтобы загипнотизировать голову.
Сервисы
UI дизайн
3D дизайн
Анимация
Фронт-энд
Задача
Разработать лендинг с уникальной интерактивной механикой «гипноза» главного героя, перфоманс-материалы и макеты для наружной рекламы по гайдам клиента, на основе Key Visual сериала.
Технологии
Three.JS
Handtrack.JS
Youtube API
Cinema 4D
Figma
Lip Sync Voice
Решение
Реализовали механику отслеживания движения рук или любого предмета через видеокамеру пользователя, создавая ощущение, что голова с экрана реагирует на реальные действия. Если пользователь не хотел использовать камеру, то курсор трансформировался в маятник, который нужно было раскачивать, чтобы загипнотизировать голову.
Бизнес задача
Для создания 3D-модели главного героя мы использовали рабочие кадры со съёмок сериала и фотографии Гоши Куценко.
Анимацию губ (lip sync) мы воссоздали на основе видеозаписей актёра.
Перформанс
Для того, чтобы о проекте узнало больше людей, мы разработали тематические баннеры.
Ссылка
Visit Website
Презентация
Behance
Команда
No items found.
UI дизайн
3D дизайн
Анимация
Фронт-энд