Интерактивный 3D-персонаж с помощью переменных

Привет! В этом видео мы покажем, как оживить милого интерактивного 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/

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