Как создать эффект 3D-стекла с помощью Three.js и Next.js

Учебное пособие по созданию материала, похожего на стекло, с искажениями, используя MeshTransmissionMaterial с Three.js, React, React Three Fiber и Next.js. Исходный код / ​​Демонстрация: https://blog.olivierlarose.com/tutori... 00:00 Вступление 00:19 Подготовка ресурсов 3:01 Рендеринг холста 5:16 Рендеринг сетки 6:47 Добавление освещения 8:25 Добавление адаптивности 8:49 Вращение сетки 9:33 Добавление текста 11:14 Добавление материала для передачи 13:30 Заключение Больше анимаций: https://blog.olivierlarose.com/ Подпишитесь на меня в Твиттере:   / olivierlarose_   Канал в Discord:   / discord   Спасибо за просмотр! #react #nextjs #awwwards #gsap #framer #motion