Build fancy landing pages with React(-three-fiber) and Threejs
Освойте создание модных, динамичных и технически продвинутых лендингов с помощью React, React-three-fiber и Three.js. Этот курс поможет вам шаг за шагом понять, как создавать wow‑эффекты, которые раньше казались доступными только экспертам по WebGL и 3D‑графике.
Вы узнаете, как добавлять современные анимации и интерактивные 3D‑элементы, не погружаясь в избыточную сложность WebGL. Инструменты экосистемы Poimandres позволяют использовать мощь Three.js через знакомый подход React-компонентов, что делает разработку быстрее и проще.
Сегодня лучшие сайты, отмеченные на awwwards, FWA и Godly, активно используют 3D, физику, сложные сцены и плавные анимации. Этот курс покажет, что подобные проекты доступны каждому фронтенд‑разработчику, который знает JavaScript, HTML и CSS.
В ходе обучения вы создадите полноценный интерактивный проект: https://bananas.vercel.app
Этот пример демонстрирует, как эстетика и технологии сочетаются в эффектном современном лендинге.
Курс охватывает полный цикл создания проекта — от вдохновения до финального рендеринга.
Курс подходит фронтенд‑разработчикам, которые хотят вывести свои проекты на новый уровень и научиться создавать визуально впечатляющие современные лендинги с использованием 3D‑графики.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene
https://codesandbox.io/s/2ycs3?file=%2Fsrc%2FBananas.js
https://github.com/pmndrs/react-postprocessing
https://github.com/pmndrs/drei
Меня зовут Пол Хеншель (@0xca0a), я ведущий разработчик react-three-fiber, react-spring, zustand, drei и других библиотек с открытым исходным кодом. Я работаю с Threejs не менее 10 лет. Моя цель — сделать творческое пространство разработки более доступным с помощью инструментов, которые позволяют людям делать больше с меньшим количеством кода и без потери контроля.
