Створіть 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Експортуємо й вбудовуємо дизайн

Корисні матеріали