Перейти к содержимому

Создание 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