python (65.2k questions)

javascript (44.3k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (13k questions)

Questions - react-three-drei

How to always look at the same object in react-three/fiber?

I have a 3D model which includes a building. The problem is when I load the model the camera always looks at the yellow marked point[given image]. When I zoom in and out, rotate the model everything i...
test-img

Tanjil Hossain

reactjs

react-native

three.js

react-three-fiber

react-three-drei

Votes: 0

Answers: 2

Latest Answer

Hope, I right understand you. Think, now camera look at global zero point. I guess you can: change object position for building be in global zero use camera lookAt method for look at building point f...
test-img

Sergey Endy

How to get control over skeleton of a GLB model in THREE.JS?

I have generated an avatar, In glb format. But when I render the same the hands are stretched out. The model has a skeleton. But how do I get access to the skeleton such that I can bring its hands dow...
test-img

Aravind Jaimon

reactjs

three.js

react-three-fiber

skeletal-mesh

react-three-drei

Votes: 0

Answers: 1

Latest Answer

https://jsfiddle.net/bdmrg4oc/1/ if you want to do more complex actions (like siting) i suggest making animations in an animation program like blender and then importing them const loader = new ...
test-img

cubesareneat

How do I properly use drei useGLTF

I think I'm following the react-three docs and many other examples, but cannot get drei useGLTF to work as others have. I have a simple, from-scratch, Next|React|react-three/fiber project. I'm simply ...
test-img

Bill O

reactjs

three.js

next.js

react-three-fiber

react-three-drei

Votes: 0

Answers: 2

Latest Answer

I updated react, fiber and drei to the latest versions. That caused my original posted code to work (using Suspense from react). Here it is with the change re: Suspense. import { Suspense } from 'reac...
test-img

Bill O

anmated.mesh is not working in react-three-fiber

I tried to make meshes interact with on click using react-spring and when I build this onclick function I got this error type is invalid -- expected a string (for built-in components) or a class/func...
test-img

Azr.em

reactjs

react-three-fiber

react-spring

react-three-drei

Votes: 0

Answers: 1

Latest Answer

found that react spring have changed have to install npm install three @react-spring/three and it worked for me
test-img

Azr.em

Posts

Questions

Blogs

Jobs