Учебник по созданию веб-сайта с 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