Введение в React-Three-Fiber(Three.js для React)

В этом видео мы посмотрим на библиотеку React-Three-Fiber
Код: codesandbox.io/s/ecstatic-gwe...

[@iuliiaprusakova73]

Спасиьо огромное за видео. Благодаря вам, я поняла как нужно работать с three js в Reaxt

[@alexandrgusletsov2567]

Мужик ты крут))) буду заниматься по видео , пробовать! всё понятно как день))

[@user-sv1ze9gk3b]

Шедеврально

[@bahram1010]

Макс спасибо! Супер👍

[@RikkyBro]

будем признательны за курс по three-fiber! продолжай! как с тобой связаться? есть предложение

[@ooshkapooshkin8048]

давай курс пили по react three fiber

[@kazikhangereykhanov9951]

Когда новые видосы ?)

[@iuliiaprusakova73]

А вы случайно не планируте показать как работать с gltf форматом ? Как добовлять в react приложение ?

[@maximroslow]

Нет. Но в документации описано как добавлять такие модели. docs.pmnd.rs/react-three-fiber/tutorials/loading-models Ничего трудного, все так же, как и с текстурами. Нужно заимпортить 2 библиотки import { useLoader } from '@react-three/fiber' import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader' По примеру, как и с текстурами, внутри компонента пишем: const gltf = useLoader(GLTFLoader, '/.gltf') И далее возвращаем из компонента: return ( ) Suspense это из реакта, так как загрузка модели произойдет не сразу, нужно использовать этот компонент. primitive - это элемент, который не нужно ипортить, но он идет из react-three-fiber

[@maximroslow]

Вот пример: codesandbox.io/s/gltfloader-6etx1

[@iuliiaprusakova73]

@@maximroslow Спасибо за развернутый ответ

[@Drezerak]

У меня не добавляется картинка по ссылке, если она не в папке public

[@maximroslow]

По ссылке не уверен как добавлять, можешь поискать в гугле, я думаю там не трудно

[@user-sv1ze9gk3b]

Блин, а есть где нить реальный пример где это используют?

[@maximroslow]

Вот сайт на котором используют three js: zen.ly/

[@user-sv1ze9gk3b]

@@maximroslow Круто, спасибо!

[@victormog]

Видео полезное. С yarn - фейспалм...