Описание
Количество уроков: 13 Видео
Язык: Английский
Вес архива: 119 МБ
Этот курс помогает быстро и понятно освоить TresJS — современную обёртку над Three.js для Vue, открывающую путь к созданию динамичных, интерактивных 3D‑сцен прямо в браузере. Материал подойдёт как разработчикам, впервые работающим с 3D‑графикой, так и тем, кто хочет расширить навыки работы с Vue.
Что вы изучите в рамках курса
Программа курса построена так, чтобы последовательно провести вас от базовой настройки среды до реализации полноценных интерактивных сцен.
Интеграция TresJS в проект
• Подключение библиотеки к существующему приложению на Vue
• Настройка базовой структуры 3D‑сцены
• Правильная организация компонентов с TresJS
Создание и управление объектами
• Добавление геометрии и материалов
• Управление положением, вращением и масштабом объектов через пропсы
• Создание кастомных компонентов под задачи сцены
Освещение и визуальное оформление
• Типы источников света в TresJS
• Работа с тенями и настройка их качества
• Использование дополнительных визуальных инструментов TresJS
Анимация и взаимодействие со сценой
Вы научитесь делать сцену живой и интерактивной — от простых анимаций до полноценного пользовательского взаимодействия.
Анимация с помощью render loop
• Создание плавных анимаций объектов
• Работа с реактивностью Vue для динамичных изменений
• Оптимизация обновлений сцены
Интерактивность и навигация
• Добавление контролов камеры
• Обработка событий мыши и жестов
• Реализация пользовательских сценариев взаимодействия
Работа с 3D‑моделями
Отдельный блок посвящён загрузке и кастомизации моделей — ключевой части большинства современных 3D‑веб‑приложений.
Загрузка моделей через useGLTF
• Импорт готовых 3D‑моделей
• Настройка материалов и поведения модели
• Связывание свойств моделей с реактивными данными Vue
Практические результаты
Пройдя курс, вы сможете создавать собственные 3D‑сцены — выразительные, интерактивные и готовые к использованию в коммерческих проектах или портфолио. Все знания подаются через практику, что помогает быстрее перейти к реальным задачам.
Что вы получите в итоге
• Уверенные навыки работы с TresJS и основами Three.js
• Понимание практической интеграции 3D‑графики во Vue
• Готовые примеры сцен, которые можно развивать дальше
• Навык создания современного интерактивного 3D‑контента для веба
Алексей П. –
Никогда раньше не трогал 3D-графику, только Vue писал. Курс собрал всё нужное: настройку сцены, пропсы для положения и вращения, контролы камеры и обработку событий мыши. Анимация через render loop с реактивностью Vue зашла особенно хорошо, использую этот приём в своём пет-проекте.
Дмитрий Соколов –
Как человек, который уже работал с Three.js напрямую, ожидал большего погружения, но для знакомства с TresJS курс хороший. Блок про освещение и качество теней полезный, а вот теме оптимизации обновлений сцены можно было уделить больше времени — она раскрыта довольно поверхностно. В целом подача спокойная, по делу.
Марина В. –
Брала курс, чтобы наконец разобраться с 3D во Vue. Понравилось, что всё компактно: 13 уроков, почти час — успеваешь посмотреть за пару вечеров. Загрузку моделей через useGLTF объяснили доходчиво, у меня с первого раза получилось вставить свою gltf-модель.