Создание 3D-сайтов с помощью Spline и Framer (без кода)
Framer University
0:00 / 0:00
Создание 3D-сайтов с помощью Spline и Framer (без кода)
89 120 просмотров · 2 г. назад
Framer University
82,5 тыс. подписчиков
89 120 просмотров · 2 г. назад
🎁 Примените код "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
Instagram: / framer.university