leveluptutorials
LevelUpTutorials - площадка, созданная двумя любителями, которые делают курсы для frontend разработчиков. В основном курсы по Meteor.js.
Продолжительность
4 ч 2 мин
Категория
React.jsКоличество уроков
22 Видео
Дата добавления
4 авг. 2020 г., 09:20
Язык
Английский
Дата выхода
1 авг. 2020 г., 09:19
Дата обновления
29 апр. 2026 г., 08:21
React 3D — это отличный способ вывести ваши веб-проекты на новый уровень. В этом курсе вы научитесь создавать визуально впечатляющие интерактивные сцены, используя React и мощную библиотеку three.js. Ниже вы найдете расширенное и улучшенное описание курса, которое поможет читателю сразу понять его ценность.
О чем этот курс
Курс React 3D познакомит вас с основами работы с трехмерной графикой в браузере. Вы узнаете, как интегрировать 3D-сцены в приложения на React, оптимизировать их производительность и создавать реалистичные визуальные эффекты.
Основные темы
- Подключение и настройка three.js в проекте React
- Создание базовых 3D-объектов и сцен
- Работа с текстурами, материалами и светом
- Анимация объектов и управление камерой
- Обработка пользовательских событий в 3D-пространстве
- Оптимизация производительности и организация проекта
Почему это важно
3D-элементы становятся все более популярными в современных веб-приложениях. От промо-страниц до сложных интерфейсов — трехмерная графика позволяет выделиться и улучшить взаимодействие с пользователем. React в сочетании с three.js даёт возможность создавать сложные 3D‑интерфейсы без необходимости изучать низкоуровневую графику.
Кому подойдет курс
- Разработчикам, знакомым с React и желающим расширить свои навыки
- Тем, кто хочет научиться создавать 3D-интерактивность в браузере
- Дизайнерам и frontend-разработчикам, стремящимся к современным визуальным решениям
Что вы получите в итоге
По завершении курса вы будете уверенно работать с 3D‑графикой в React, создавать собственные сцены, добавлять анимации и взаимодействие с пользователем. Вы получите базу, необходимую для создания уникальных веб‑приложений и экспериментов с трехмерным пространством.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:01:32#0 Intro To React 3D
- Урок 2. 00:13:48#1 Understanding ThreeJS Concepts
- Урок 3. 00:10:26#2 Understanding React Three Fiber
- Урок 4. 00:18:45#3 Hello Cube
- Урок 5. 00:10:15#4 Orbit Controls
- Урок 6. 00:06:16#5 React Events and State
- Урок 7. 00:09:34#6 useFrame For Animations
- Урок 8. 00:09:35#7 React Spring For Animations
- Урок 9. 00:13:32#8 Primitives
- Урок 10. 00:14:41#9 Materials
- Урок 11. 00:12:19#10 Lights Part 1
- Урок 12. 00:10:35#11 Lights and Shadows
- Урок 13. 00:12:47#12 Drei
- Урок 14. 00:13:38#13 React Three GUI
- Урок 15. 00:06:12#14 useLoader and Image Textures
- Урок 16. 00:15:36#15 Bump Maps and Displacement Maps
- Урок 17. 00:19:38#16 Instanced Mesh Part 1
- Урок 18. 00:10:10#17 Instanced Mesh Animations
- Урок 19. 00:12:09#18 Loading A 3D Model
- Урок 20. 00:04:27#19 Integrating Three Fiber Into A Page
- Урок 21. 00:09:19#20 Landing Page With 3D
- Урок 22. 00:07:30#21 Where To Go From Here
Автор - leveluptutorials
Комментарии
javascriptevangelistthanks three.js is the future
princeadmin pls get this course: build ecommerce shopping cart by react & redux 2020 edition
eluveitie.taranenkoПосмотрел, вроде интересно, но опять же видос втупую по оф доке
startup_lavochkaНазвания видосов не правельные. название видоса отстает на 1 видос от самой темы видоса
CourseHunter Team startup_lavochkaДействительно, поправили, извините!