# \#orbitcontrols

**URL:** https://discourse.threejs.org/tag/orbitcontrols/1033.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [★ STAR CUBE ★ - An Eternal Magic Cube Planet (three.js)](https://discourse.threejs.org/t/star-cube-an-eternal-magic-cube-planet-three-js/92765)

<div class="topic-metadata">

**Author:** [@bjcrobot](https://discourse.threejs.org/u/bjcrobot)\
**Replies:** 0\
**Last updated:** [July 10, 2026, 5:39pm UTC](https://discourse.threejs.org/t/star-cube-an-eternal-magic-cube-planet-three-js/92765 "2026-07-10T17:39:50Z")

</div>

Hi everyone! I created a website called STAR CUBE. This is planned to be a trilogy, and while only “Episode IV” is available right now, it features a “Magic Cube Planet” inspired by the classic Rubik’s Cube. URL: sta…

---

## [Can OrbitControls rotate around a given point?](https://discourse.threejs.org/t/can-orbitcontrols-rotate-around-a-given-point/52800)

<div class="topic-metadata">

**Author:** [@Innovgame](https://discourse.threejs.org/u/Innovgame)\
**Replies:** 5\
**Last updated:** [May 28, 2026, 11:20pm UTC](https://discourse.threejs.org/t/can-orbitcontrols-rotate-around-a-given-point/52800 "2026-05-28T23:20:43Z")

</div>

Can OrbitControls achieve the following effect? At the beginning, it rotates around the center point of the model. Later, I want to change the center of rotation, such as rotating based on the intersection between the m…

---

## [Rotate target 3D object instead of orbiting around target (with source)](https://discourse.threejs.org/t/rotate-target-3d-object-instead-of-orbiting-around-target-with-source/84382)

<div class="topic-metadata">

**Author:** [@Madz\_R](https://discourse.threejs.org/u/Madz_R)\
**Replies:** 0\
**Last updated:** [June 23, 2025, 9:23am UTC](https://discourse.threejs.org/t/rotate-target-3d-object-instead-of-orbiting-around-target-with-source/84382 "2025-06-23T09:23:21Z")

</div>

I saw few posts asking how to rotate a target 3D object in space instead of orbiting around it. Observe the shadows in both GIFs. The first one use ThreeJS OrbitControls to rotate the camera around the 3D human. The seco…

---

## [Position.project() method not working without Orbit controls](https://discourse.threejs.org/t/position-project-method-not-working-without-orbit-controls/72694)

<div class="topic-metadata">

**Author:** [@Divyansh\_gupta](https://discourse.threejs.org/u/Divyansh_gupta)\
**Replies:** 0\
**Last updated:** [October 11, 2024, 12:07pm UTC](https://discourse.threejs.org/t/position-project-method-not-working-without-orbit-controls/72694 "2024-10-11T12:07:24Z")

</div>

So, I was trying to create a template for myself consisting of various uniforms that I can use to write fragment shaders from shadertoy.com , like copying all the necessory uniforms So to get the width of plane geometry…

---

## [Stop render function(requestanimationframe or setAnimationLoop)](https://discourse.threejs.org/t/stop-render-function-requestanimationframe-or-setanimationloop/68930)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 6\
**Last updated:** [August 4, 2024, 4:41pm UTC](https://discourse.threejs.org/t/stop-render-function-requestanimationframe-or-setanimationloop/68930 "2024-08-04T16:41:20Z")

</div>

Hi I want to rotate my model but because of some axes problems(I have 3d model and some other decal geometries in my scene). I decided to rotate the orbit and it worked better. Now I need help in stopping orbitcontrol …

---

## [Rotating 1 part of a 3d model and giving orbital control](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542)

<div class="topic-metadata">

**Author:** [@MOHAMMED\_HUZAIF\_AHMED](https://discourse.threejs.org/u/MOHAMMED_HUZAIF_AHMED)\
**Replies:** 4\
**Last updated:** [June 10, 2024, 8:39am UTC](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542 "2024-06-10T08:39:29Z")

</div>

currently i have a model the disc below is a platform and the above 2 are the objects i want the disc to rotate on scroll(without user being able to move with mouse as in orbital controls). but the above models to h…

---

## [Camera control issue when switching back and forth between OrbitControls and ArcballControls](https://discourse.threejs.org/t/camera-control-issue-when-switching-back-and-forth-between-orbitcontrols-and-arcballcontrols/66139)

<div class="topic-metadata">

**Author:** [@kb365](https://discourse.threejs.org/u/kb365)\
**Replies:** 0\
**Last updated:** [May 29, 2024, 9:44am UTC](https://discourse.threejs.org/t/camera-control-issue-when-switching-back-and-forth-between-orbitcontrols-and-arcballcontrols/66139 "2024-05-29T09:44:11Z")

</div>

Hello! I need to switch back and forth between OrbitControls and ArcballControls. However, when switching back to OrbitControls from ArcballControls, the camera controls don’t work the same way as they initially did. I…

---

## [Mouseup problem with orbit controls](https://discourse.threejs.org/t/mouseup-problem-with-orbit-controls/64589)

<div class="topic-metadata">

**Author:** [@Achim\_Rautenberg](https://discourse.threejs.org/u/Achim_Rautenberg)\
**Replies:** 0\
**Last updated:** [April 25, 2024, 7:20am UTC](https://discourse.threejs.org/t/mouseup-problem-with-orbit-controls/64589 "2024-04-25T07:20:58Z")

</div>

I had the issue of the mouseup event not fireing for an unkown reason. Using the chrome dev tool I was able to see that orbit controls use the mouse events as well. Then I removed these events in the dev tools, just for…

---

## [Statuse orbitcontrols](https://discourse.threejs.org/t/statuse-orbitcontrols/61978)

<div class="topic-metadata">

**Author:** [@Zahra\_Jafarpisheh](https://discourse.threejs.org/u/Zahra_Jafarpisheh)\
**Replies:** 3\
**Last updated:** [February 27, 2024, 12:10pm UTC](https://discourse.threejs.org/t/statuse-orbitcontrols/61978 "2024-02-27T12:10:12Z")

</div>

How can I find out if the orbit control I have is currently rotating or zooming?

---

## [360-Panorama camera initial rotation](https://discourse.threejs.org/t/360-panorama-camera-initial-rotation/60450)

<div class="topic-metadata">

**Author:** [@Ghostbob](https://discourse.threejs.org/u/Ghostbob)\
**Replies:** 4\
**Last updated:** [January 19, 2024, 8:40pm UTC](https://discourse.threejs.org/t/360-panorama-camera-initial-rotation/60450 "2024-01-19T20:40:31Z")

</div>

Goal: to show a 360-degree panorama with initial camera rotation at a specific horizontal angle. Problem: OrbitControls reset the camera angle. Example: I took the code from threejs docs on how to show 360-panorama and…

---

## [How to use the track three.js OrbitControls?](https://discourse.threejs.org/t/how-to-use-the-track-three-js-orbitcontrols/59415)

<div class="topic-metadata">

**Author:** [@nieyuan1980](https://discourse.threejs.org/u/nieyuan1980)\
**Replies:** 2\
**Last updated:** [December 20, 2023, 7:30am UTC](https://discourse.threejs.org/t/how-to-use-the-track-three-js-orbitcontrols/59415 "2023-12-20T07:30:12Z")

</div>

There are two cubes in the scene: const material1 = new THREE.MeshBasicMaterial({color: ‘#00ff00’}); const cube1 = new THREE.Mesh(geometry, material1); cube1.position.set(0, 0, 0); const material2 = new THREE.MeshBas…

---

## [Orbit control issue after limiting z position of camera](https://discourse.threejs.org/t/orbit-control-issue-after-limiting-z-position-of-camera/55254)

<div class="topic-metadata">

**Author:** [@Aakash\_B](https://discourse.threejs.org/u/Aakash_B)\
**Replies:** 5\
**Last updated:** [August 30, 2023, 5:05am UTC](https://discourse.threejs.org/t/orbit-control-issue-after-limiting-z-position-of-camera/55254 "2023-08-30T05:05:32Z")

</div>

I want to restrict the camera z position to a value. For that i’m updating the camera position in render function as below. camera.position.z = 5; I’m able to restrict it but when i’m using the orbit controls the rota…

---

## [Switch controllers](https://discourse.threejs.org/t/switch-controllers/54348)

<div class="topic-metadata">

**Author:** [@Francesco\_Iafulli](https://discourse.threejs.org/u/Francesco_Iafulli)\
**Replies:** 4\
**Last updated:** [July 31, 2023, 1:24pm UTC](https://discourse.threejs.org/t/switch-controllers/54348 "2023-07-31T13:24:48Z")

</div>

Hi everyone, I’m trying to make a veriagated navigation system of a 3d space using multiple controllers. For now I’m focused on orbitcontrollers and flycontrollers. And already the problems begin. I activate the orbitco…

---

## [TypeError: (void 0) is not a constructor in webpack and react production mode](https://discourse.threejs.org/t/typeerror-void-0-is-not-a-constructor-in-webpack-and-react-production-mode/50660)

<div class="topic-metadata">

**Author:** [@neeru-rani-au6](https://discourse.threejs.org/u/neeru-rani-au6)\
**Replies:** 1\
**Last updated:** [April 22, 2023, 9:43am UTC](https://discourse.threejs.org/t/typeerror-void-0-is-not-a-constructor-in-webpack-and-react-production-mode/50660 "2023-04-22T09:43:03Z")

</div>

Getting error in webpack react production mode. Working fine in development mode. I am using three.js and the error is coming this.orbiter = new THREE.OrbitControls(this, this.camera, this.canvasContainer, this); in pro…

---

## [OrbitControls documentation is not updated](https://discourse.threejs.org/t/orbitcontrols-documentation-is-not-updated/50146)

<div class="topic-metadata">

**Author:** [@Anurag\_With\_Three\_Js](https://discourse.threejs.org/u/Anurag_With_Three_Js)\
**Replies:** 1\
**Last updated:** [April 9, 2023, 1:35pm UTC](https://discourse.threejs.org/t/orbitcontrols-documentation-is-not-updated/50146 "2023-04-09T13:35:30Z")

</div>

documentation mentioned to import { OrbitControls } from ‘three/addons/controls/OrbitControls.js’; but it will throw an error :: so i recommend you to import { OrbitControls } from ‘three/examples/jsm/controls/OrbitCon…

---

## [How to capture mouse \*dblclick\* event in renderer?](https://discourse.threejs.org/t/how-to-capture-mouse-dblclick-event-in-renderer/32774)

<div class="topic-metadata">

**Author:** [@DeMaddin](https://discourse.threejs.org/u/DeMaddin)\
**Replies:** 3\
**Last updated:** [April 7, 2023, 12:50pm UTC](https://discourse.threejs.org/t/how-to-capture-mouse-dblclick-event-in-renderer/32774 "2023-04-07T12:50:01Z")

</div>

I have a simple scene (including Orbitcontrols) where I capture mouse clicks or touches via renderer.domElement.addEventListener('click', onMouseClick); or renderer.domElement.addEventListener('pointerdown', onMouseCl…

---

## [CSS2DObject Click/PointerUp events not working with OrbitControls](https://discourse.threejs.org/t/css2dobject-click-pointerup-events-not-working-with-orbitcontrols/49862)

<div class="topic-metadata">

**Author:** [@abgrac](https://discourse.threejs.org/u/abgrac)\
**Replies:** 1\
**Last updated:** [March 31, 2023, 10:00pm UTC](https://discourse.threejs.org/t/css2dobject-click-pointerup-events-not-working-with-orbitcontrols/49862 "2023-03-31T22:00:38Z")

</div>

Hello all, I know there are workarounds for this issue mentioned multiple times in other questions (see list). But replacing click for pointerdown is not always a good solution, as some interfaces need pointerup events …

---

## [Apply Perspective using vanishing points](https://discourse.threejs.org/t/apply-perspective-using-vanishing-points/46371)

<div class="topic-metadata">

**Author:** [@Sajjad\_Aemmi](https://discourse.threejs.org/u/Sajjad_Aemmi)\
**Replies:** 2\
**Last updated:** [February 20, 2023, 9:10am UTC](https://discourse.threejs.org/t/apply-perspective-using-vanishing-points/46371 "2023-02-20T09:10:14Z")

</div>

I have a background image (a room) and a foregraund image (a rug). Also i have 3 vanishing points for the room image. I want set the camera (or OrbitControls) x, y, z for rug spread on the floor. How i can do it? my res…

---

## [Change the direction of rotation of OrbitControls on mouse flicker](https://discourse.threejs.org/t/change-the-direction-of-rotation-of-orbitcontrols-on-mouse-flicker/47220)

<div class="topic-metadata">

**Author:** [@CosmicFantasy](https://discourse.threejs.org/u/CosmicFantasy)\
**Replies:** 1\
**Last updated:** [January 24, 2023, 6:58am UTC](https://discourse.threejs.org/t/change-the-direction-of-rotation-of-orbitcontrols-on-mouse-flicker/47220 "2023-01-24T06:58:36Z")

</div>

We have an OrbitControls and is auto rotating. I know to change the direction, we can do this: controls.rotateSpeed \*= -1; What I want to trigger that change is if the user flickers the mouse either to the left or rig…

---

## [How to rotate my camera or control to by parallel to an Object3D that I am facing?](https://discourse.threejs.org/t/how-to-rotate-my-camera-or-control-to-by-parallel-to-an-object3d-that-i-am-facing/47217)

<div class="topic-metadata">

**Author:** [@CosmicFantasy](https://discourse.threejs.org/u/CosmicFantasy)\
**Replies:** 0\
**Last updated:** [January 24, 2023, 4:43am UTC](https://discourse.threejs.org/t/how-to-rotate-my-camera-or-control-to-by-parallel-to-an-object3d-that-i-am-facing/47217 "2023-01-24T04:43:31Z")

</div>

I am in front of an Object3D and would like to tilt myself to be perfectly parallel to a plane Object3D. On my screen, the result on my computer screen would by as if the Object3D I am looking at is centered and up of t…

---

## [How can i remove camera bump after i enable controls.update()](https://discourse.threejs.org/t/how-can-i-remove-camera-bump-after-i-enable-controls-update/46980)

<div class="topic-metadata">

**Author:** [@Ayan\_Khan](https://discourse.threejs.org/u/Ayan_Khan)\
**Replies:** 1\
**Last updated:** [January 17, 2023, 9:48pm UTC](https://discourse.threejs.org/t/how-can-i-remove-camera-bump-after-i-enable-controls-update/46980 "2023-01-17T21:48:07Z")

</div>

I want my camera to look at specific object so I am using the camera. lookat () but the camera. lookat() was not working with orbit controls so what I have done is disable controls. update() and after my animation, I cal…

---

## [Camera position & target in OrbitControls](https://discourse.threejs.org/t/camera-position-target-in-orbitcontrols/44601)

<div class="topic-metadata">

**Author:** [@callum](https://discourse.threejs.org/u/callum)\
**Replies:** 4\
**Last updated:** [November 12, 2022, 2:25am UTC](https://discourse.threejs.org/t/camera-position-target-in-orbitcontrols/44601 "2022-11-12T02:25:15Z")

</div>

I am using OrbitControls and I want to position the camera and the point it is looking at. I adjust my camera Y position to move it up whilst keeping the camera lookAt and the controls target pointed at the middle of my…

---

## [Orbitcontrols - Ortographic camera, move camera smootrhly when clicking on object](https://discourse.threejs.org/t/orbitcontrols-ortographic-camera-move-camera-smootrhly-when-clicking-on-object/40659)

<div class="topic-metadata">

**Author:** [@mrmiyagi](https://discourse.threejs.org/u/mrmiyagi)\
**Replies:** 0\
**Last updated:** [July 23, 2022, 12:59pm UTC](https://discourse.threejs.org/t/orbitcontrols-ortographic-camera-move-camera-smootrhly-when-clicking-on-object/40659 "2022-07-23T12:59:18Z")

</div>

hi im trying to work with orbitcontrols, my goal is basically to move camera to another position , when clicked on mesh, lets just use cube as a mesh object. (for example zooming on it, once clicked) disabling orbitcontr…

---

## [GSAP & orbitControls](https://discourse.threejs.org/t/gsap-orbitcontrols/35481)

<div class="topic-metadata">

**Author:** [@Alex\_M](https://discourse.threejs.org/u/Alex_M)\
**Replies:** 0\
**Last updated:** [March 2, 2022, 1:48pm UTC](https://discourse.threejs.org/t/gsap-orbitcontrols/35481 "2022-03-02T13:48:32Z")

</div>

Hi everyone, What do I have to update inside orbit controls in order to sync up manual changes added to the camera (in my case a gsap animation)? When I’m enabling the controls.update(), I’m back to point 0 of animation…

---

## [WebXR: camera's position not changing when using OrbitControls](https://discourse.threejs.org/t/webxr-cameras-position-not-changing-when-using-orbitcontrols/35334)

<div class="topic-metadata">

**Author:** [@JohnCinaaa](https://discourse.threejs.org/u/JohnCinaaa)\
**Replies:** 7\
**Last updated:** [February 27, 2022, 3:43pm UTC](https://discourse.threejs.org/t/webxr-cameras-position-not-changing-when-using-orbitcontrols/35334 "2022-02-27T15:43:33Z")

</div>

I am trying to change the position of the camera using camera.position.set(a, 0, 0); controls.update(); with “a” being a Number changing each frame from 0 to 20, then from 20 to 0 and so on. The camera’s position is c…

---

## [OrbitControls Pan](https://discourse.threejs.org/t/orbitcontrols-pan/33363)

<div class="topic-metadata">

**Author:** [@Jelena\_Lukic](https://discourse.threejs.org/u/Jelena_Lukic)\
**Replies:** 1\
**Last updated:** [January 7, 2022, 2:47am UTC](https://discourse.threejs.org/t/orbitcontrols-pan/33363 "2022-01-07T02:47:12Z")

</div>

I use Orbit Controls without rotation. const controls = new OrbitControls(camera, renderer.domElement); controls.enableRotate = false; controls.update(); I need only pan functionality but in a slightly different way.…

---

## [Prevent OrbitControls from pausing rotation on mouse down/click](https://discourse.threejs.org/t/prevent-orbitcontrols-from-pausing-rotation-on-mouse-down-click/33209)

<div class="topic-metadata">

**Author:** [@Superman](https://discourse.threejs.org/u/Superman)\
**Replies:** 3\
**Last updated:** [January 2, 2022, 2:11pm UTC](https://discourse.threejs.org/t/prevent-orbitcontrols-from-pausing-rotation-on-mouse-down-click/33209 "2022-01-02T14:11:13Z")

</div>

Hello, I’m trying to detect the closest and visible Object3D mesh on mouse click. The problem is each time I do that, the OrbitControls pauses for a quick moment before resuming its auto rotation. How do I prevent tha…

---

## [Initialize scene with camera view from imported glb (with OrbitControls on)](https://discourse.threejs.org/t/initialize-scene-with-camera-view-from-imported-glb-with-orbitcontrols-on/32335)

<div class="topic-metadata">

**Author:** [@picnic.exe](https://discourse.threejs.org/u/picnic.exe)\
**Replies:** 0\
**Last updated:** [December 3, 2021, 12:37pm UTC](https://discourse.threejs.org/t/initialize-scene-with-camera-view-from-imported-glb-with-orbitcontrols-on/32335 "2021-12-03T12:37:40Z")

</div>

Hey there! I need some help with the camera handling in connection with the OrbitControls. In my code (and please don’t judge. It’s the first time in 3 years I coded) I imported the glb-File with the GLTFLoader. When …

---

## [Disable a pan axis in OrbitControls](https://discourse.threejs.org/t/disable-a-pan-axis-in-orbitcontrols/31277)

<div class="topic-metadata">

**Author:** [@AlexanderProd](https://discourse.threejs.org/u/AlexanderProd)\
**Replies:** 5\
**Last updated:** [October 29, 2021, 12:50pm UTC](https://discourse.threejs.org/t/disable-a-pan-axis-in-orbitcontrols/31277 "2021-10-29T12:50:53Z")

</div>

Hi everybody, I’m wondering if it is possible to limit the OrbitControls panning feature to just one axis, for example only allowing the user to pan in the y axis but not x. The documentation says its possible to disab…

---

## [How to import OrbitControls? I'm having trouble importing it!](https://discourse.threejs.org/t/how-to-import-orbitcontrols-im-having-trouble-importing-it/30764)

<div class="topic-metadata">

**Author:** [@Deepak\_G](https://discourse.threejs.org/u/Deepak_G)\
**Replies:** 4\
**Last updated:** [October 13, 2021, 5:28am UTC](https://discourse.threejs.org/t/how-to-import-orbitcontrols-im-having-trouble-importing-it/30764 "2021-10-13T05:28:50Z")

</div>

I’m getting this error Uncaught TypeError: Failed to resolve module specifier “three”. Relative references must start with either “/”, “./”, or “…/”.

[Next page](https://discourse.threejs.org/tag/orbitcontrols/1033.md?match_all_tags=true&page=1&tags%5B%5D=orbitcontrols)