Создание 3D-сайтов с помощью Spline и Framer (без кода)

🎁 Используйте код «FramerU» при обновлении аккаунта Spline до уровня Super. Вы получите скидку 30% на годовую подписку.

Смотреть Spline 👉 https://spline.design/

Находите, редактируйте и демонстрируйте свои 3D-творения #MadeInSpline на https://community.spline.design/

———————————————————————————

🎓 Университет Framer: https://framer.university
👉 Создайте бесплатный аккаунт Framer: https://framer.university/free-account

В этом уроке вы узнаете, как создать интерактивный 3D-сайт с помощью Spline и Framer.

Я покажу вам, как использовать библиотеку Spline для получения бесплатных 3D-ресурсов для вашего сайта. Затем мы научимся настраивать и добавлять интерактивные элементы в эти 3D-сцены, а в конце интегрируем нашу интерактивную 3D-сцену во Framer.

С помощью этого видео вы сможете создать свой 3D-сайт без написания кода.

→ Неотредактированный файл Spline: https://dub.sh/unedited
→ Отредактированный файл Spline: https://dub.sh/edited
→ Ремиксы проекта Framer: https://framer.university/resources/i...

0:00 — Введение
1:10 — Что такое Spline?
1:46 — Использование библиотеки Spline
2:28 — Основы Spline
3:37 — Настройка 3D-сцены
9:18 — Выбор пользовательской камеры
12:23 — Добавление интерактивного отслеживания курсора
15:30 — Добавление интерактивного нажатия кнопки
18:55 — Добавление 3D-анимации прокрутки
20:25 — Экспорт сцены во Framer
25:35 — Адаптивность 3D-сцены
27:50 — Публикация веб-сайта
28:45 — Заключение

Присоединяйтесь к сообществу Spline:

Instagram:   / splinetool  
Twitter / X:   / splinetool  
TikTok:   / splinedesign  
Сообщество Discord:   / discord  

Подписывайтесь на меня:
X: https://x.com/learnframer
Инстаграм:   / framer.university