Создаём 2D-взаимодействие Follow

Урок 6 из 15HanaНачальный8 мин

Если вы впервые пробуете интерактивный 2D-дизайн, это отличное место для старта! 😉 В этом уроке мы шаг за шагом покажем, как легко создать 2D-взаимодействие, которое следует за курсором (или за касанием на мобильных устройствах), в Hana — новом холсте реального времени для дизайна и анимации интерактивного 2D.

Мы соберём это игривое взаимодействие с помощью события Follow, чтобы получить плавную цепную реакцию. Это простой и весёлый способ добавить движения и характера вашему сайту или проекту.

Демо 👉 https://app.spline.design/ui/98440491-bf75-4e54-ab6f-afa16fc04f7e

Узнайте, как сделать это в 3D в 3D-редакторе Spline: https://youtu.be/TQe5Ae16rE8

Чему вы научитесь

  1. 0:00Начало работы
  2. 0:49Создаём эллипсы и применяем событие Follow
  3. 2:41Настраиваем затухание и размеры
  4. 6:10Экспортируем и встраиваем дизайн

Полезные материалы