Учебник по созданию веб-сайта с 3D-анимацией на React с исполь | Frontend разработчик

Учебник по созданию веб-сайта с 3D-анимацией на React с использованием ThreeJS (WebGi) и GSAP

Узнайте, как создать 3D-анимацию в React, используя такие технологии, как WebGi (на базе Three.js) и GSAP. Сначала мы узнаем, как находить 3D-модели и отображать их на вашем сайте с помощью WebGi. Затем с помощью React и GSAP мы создадим 3D-анимацию этой модели. Далее мы узнаем, как оптимизировать 3D-анимацию в React для мобильных устройств. Наконец, мы создадим сайт для производства и загрузки.

0:00:00 Intro
0:01:27 Project setup
0:07:12 Building website navigation
0:15:02 Building jumbotron
0:21:42 Building sound section
0:29:27 Building display section
0:33:27 How to find and load 3D models
0:36:55 Building WebGi viewer component
0:53:17 Animating 3D model with GSAP scroll animation
1:13:42 Implementing 3D model preview mode
1:32:27 Optimizing 3D animation for mobile phones
1:43:31 Building production-ready website and uploading
1:45:07 Outro

@frontend_1