Створіть інтерактивного 3D-персонажа за допомогою змінних

Урок 5 з 17Spline 3DПросунутий17 хв

Привіт! У цьому відео ми покажемо, як оживити милого інтерактивного 3D-персонажа — рибу-їжака. Spline: https://spline.design/

Ми використаємо змінні, щоб запускати події, які змінюють розмір і позицію малюка. Що більше ви клікаєте на рибу-їжака, то сильніше він надувається й зрештою спливає вгору лендингу.

Ми також покажемо, як створити й анімувати різні елементи риби-їжака. Ви побачите, як вони ростуть разом із рибою, і додасте грайливі ефекти, як-от підстрибування, коли миша наближається.

Тож поринаймо, відкриваймо магію змінних і отримуймо задоволення від створення інтерактивних сцен!

🐡 Ремікс: https://app.spline.design/file/810351d5-4fd8-4f85-92b2-286329f49a3f 🌐 Живий сайт: https://safe-value-478717.framer.app/

Більше про змінні: 👉 https://youtu.be/Id_SZVCUVMM 📘 https://docs.spline.design/

✨ Приєднуйтеся до спільноти Spline по натхнення й діліться своїми дизайнами. https://community.spline.design/

💬 ❤️ Пропонуйте теми для уроків у коментарях.

Чого ви навчитеся

  1. 0:00Вступ
  2. 0:34Створюємо й використовуємо змінні
  3. 4:29Додаємо різні елементи
  4. 8:34Анімуємо елементи, щоб вони росли разом із рибою
  5. 15:02Інтерактивні ефекти й експорт

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