Создайте свой собственный 3D-конфигуратор светового меча! // Учебное пособие по React Three Fiber

Чтобы бесплатно попробовать все возможности Brilliant в течение 30 дней, посетите сайт https://brilliant.org/DanGreenheck/. Вы также получите скидку 20% на годовую премиум-подписку.

На этом курсе React Three Fiber вы научитесь создавать конфигуратор 3D-световых мечей. Я расскажу вам о таких понятиях, как загрузка моделей GLB/GLTF, добавление окружений, эффекты постобработки и многое другое!

📚 Хотите больше ресурсов по Three.js? Ознакомьтесь с моей коллекцией курсов — от начального до продвинутого уровня!

https://threejsroadmap.com

💻 ИСХОДНЫЙ КОД
https://github.com/dgreenheck/3d-ligh...

🎮 ДЕМОНСТРАЦИЯ В РЕЖИМЕ РЕАЛЬНОГО ВРЕМЕНИ
https://dgreenheck.github.io/3d-light...

⭐️ БИБЛИОТЕКИ
[https://threejs.org](https://threejs.org/)[https://r3f.docs.pmnd.rs](https://r3f.docs.pmnd.rs/)[http://drei.docs.pmnd.rs](http://drei.docs.pmnd.rs/)[https://react-postprocessing.docs.pmn... ](https://react-postprocessing.docs.pmn...)

🛠️ИНСТРУМЕНТЫ
https://www.blockadelabs.com/https://...

===========================================================================

0:00 Введение
0:38 Библиотеки
1:42 Структура проекта
2:22 Компонент приложения
3:29 Компонент сцены
4:02 Светоотражающий пол
4:58 Рекламное сообщение
6:08 Подготовка 3D-моделей
6:51 Компонент светового меча
9:10 Анимация открытия/закрытия клинка
9:58 Излучаемый свет клинка
10:33 Фон окружения
12:01 Постобработка
14:17 Звуковые эффекты
17:35 Поддержите меня на Patreon

Это видео спонсировано Brilliant