python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - react-three-drei

Using lookAt in @react-three/fiber

I am trying learn how to use three js with react.For this purpose I am using @react-three/fiber and @react-three/drei. This project by chriscourses was what I used to learn three js and I hope to use ...
test-img

Muljayan

reactjs

three.js

react-three-fiber

react-three-drei

Votes: 0

Answers: 2

Latest Answer

If you are using OrbitControls, you must set the 'target' for OrbitControls rather than lookAt of the Camera since the lookAt of the camera is being overridden by OrbitControls
test-img

Epiczzor

How to get OrbitControls ref

I am trying to access OrbitControls ref as follow: const controlsRef = useRef<any>(); return ( <> <Canvas camera={{ position: [0, 0, 100], up: [...
test-img

beewest

react-three-fiber

react-three-drei

Votes: 0

Answers: 1

Latest Answer

Found a hint hehe (https://github.com/pmndrs/drei/issues/718). Cant get ref from outside Canvas. For now, add a wrapper over OrbitControls to capture the ref. Not sure if any better solution or not. c...
test-img

beewest

How to pan the camera by code in react-three/fiber and react-three/drei

I can pan the the camera from default position [0,0,0] to [100,100,0] using the mouse with OrbitControls. However still fail to do the panning by code. <Canvas camera={{ position:...
test-img

beewest

three.js

react-three-fiber

react-three-drei

Votes: 0

Answers: 1

Latest Answer

We need to move the camera to [100,100,100] and look at to [100,100,0] useEffect(() => { if (!controls || !camera) return; camera.position.set(100, 100, 100); controls.target.set(100, ...
test-img

beewest

Posts

Questions

Blogs

Jobs