python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - orbitcontrols

How do I dolly or zoom using React three fiber or threejs?

I have a react-three-fiber app and I'm using OrbitControls as my camera controls. I want to use buttons on screen to manually zoom in/zoom out but I can't get my code to work. I want these buttons to ...
test-img

coder3210

three.js

orbitcontrols

Votes: 0

Answers: 1

Latest Answer

When you use the middle scroll wheel with OrbitControls, all it's doing is multiplying the camera position by a certain value. So, if you wanted to do this manually, then you could use the following f...
test-img

Halo

Updating OrbitControls rotation when camera is rotated

I'm using @react-three/fiber and I'm implementing first person controls (WASD & cursor keys) with addition of OrbitControls to navigate a scene. I'm pretty much cloning PointerLockControls and I'v...
test-img

karl

reactjs

three.js

react-three-fiber

orbitcontrols

Votes: 0

Answers: 1

Latest Answer

OK, so you can see the working version here: https://yvod70.csb.app/ The idea is quite simple, attach the camera to your player/box and then move said object instead of the camera. The camera being a ...
test-img

Kitanga Nday

cannot use/import GLTFLoader and OrbitControls from threejs in my project

Hello so I am trying to build a simple threeJs project. I want to load a 3dModel with GLTFLoader but I cannot import it. Then I have tried to import OrbitControls and I got the same error. I need a li...
test-img

ispasDani

javascript

three.js

gltf

threejs-editor

orbitcontrols

Votes: 0

Answers: 1

Latest Answer

Try loading Three from a CDN like this: * { box-sizing: border-box; margin: 0; padding: 0; } canvas { display: block; } <script type="module"> import * as THREE from "https://cdn...
test-img

Enijar

Three JS: OrbitControls the pixel of picture jumps when dragging

I recently started to deal with 3d, I want to move around the scene, but when dragging, I see how the pixels in the pictures start jumping before the camera stops moving. This is clearly the wrong job...
test-img

Denis Kobelev

javascript

three.js

3d

drag-and-drop

orbitcontrols

Votes: 0

Answers: 1

Latest Answer

antialias: true resolved at WebGLRenderer with all the same settings, the scene immediately became smoother and the pictures do not bug that is, he lowered the performance and taxied out...
test-img

Denis Kobelev

Posts

Questions

Blogs

Jobs