# \#orbit-controls

**URL:** https://discourse.threejs.org/tag/orbit-controls/119.md

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

---

## [3D Graph - a generic 3D graph visualizer with high degrees of customization + space flight controls ](https://discourse.threejs.org/t/3d-graph-a-generic-3d-graph-visualizer-with-high-degrees-of-customization-space-flight-controls/92766)

<div class="topic-metadata">

**Author:** [@a-funk](https://discourse.threejs.org/u/a-funk)\
**Replies:** 0\
**Last updated:** [July 10, 2026, 5:42pm UTC](https://discourse.threejs.org/t/3d-graph-a-generic-3d-graph-visualizer-with-high-degrees-of-customization-space-flight-controls/92766 "2026-07-10T17:42:23Z")

</div>

this is a library that takes multidimensional data (databases, knowledge graphs, etc.) and represents it as nodes interconnected in 3d space. then it gives you the ability to ‘fly’ through these 3d spaces. the controls…

---

## [Avioncito Play it here - Felins ](https://discourse.threejs.org/t/avioncito-play-it-here-felins/92602)

<div class="topic-metadata">

**Author:** [@lorenzzofiore](https://discourse.threejs.org/u/lorenzzofiore)\
**Replies:** 0\
**Last updated:** [July 3, 2026, 5:31am UTC](https://discourse.threejs.org/t/avioncito-play-it-here-felins/92602 "2026-07-03T05:31:00Z")

</div>

Hi there! We are Felins and we made crazy things like this website https://avioncito.felins.tech – feel free to play it and get the best score

---

## [Add OrbitControls to a Google Sites page embed code](https://discourse.threejs.org/t/add-orbitcontrols-to-a-google-sites-page-embed-code/91906)

<div class="topic-metadata">

**Author:** [@ale2x72](https://discourse.threejs.org/u/ale2x72)\
**Replies:** 2\
**Last updated:** [May 30, 2026, 5:31pm UTC](https://discourse.threejs.org/t/add-orbitcontrols-to-a-google-sites-page-embed-code/91906 "2026-05-30T17:31:29Z")

</div>

Hi, I’ve successfully embedded a three.js small snippet into a Google Sites page, but so far, I have been unable to import and use OrbitControls for user camera interaction. Here is the working code (it can be tested on…

---

## [Real-Time Flight Simulator Portfolio — Playable 3D Experience](https://discourse.threejs.org/t/real-time-flight-simulator-portfolio-playable-3d-experience/91741)

<div class="topic-metadata">

**Author:** [@aakash1](https://discourse.threejs.org/u/aakash1)\
**Replies:** 0\
**Last updated:** [May 20, 2026, 10:53am UTC](https://discourse.threejs.org/t/real-time-flight-simulator-portfolio-playable-3d-experience/91741 "2026-05-20T10:53:14Z")

</div>

A playable 3D flight simulator portfolio built with Three.js and R3F. Includes custom physics, camera systems, collision handling, and optimized rendering for smooth real-time performance in the browser. Instead of tra…

---

## [How to change OrbitControls pivot point without altering the current view?](https://discourse.threejs.org/t/how-to-change-orbitcontrols-pivot-point-without-altering-the-current-view/91104)

<div class="topic-metadata">

**Author:** [@Jad](https://discourse.threejs.org/u/Jad)\
**Replies:** 2\
**Last updated:** [April 20, 2026, 10:47pm UTC](https://discourse.threejs.org/t/how-to-change-orbitcontrols-pivot-point-without-altering-the-current-view/91104 "2026-04-20T22:47:51Z")

</div>

I’m trying to change OrbitControls target to a new intersection point without altering the current view (same distance and orientation). Even though I compute the offset vector from old target to camera, set new target, …

---

## [\[Freelance\] Sr Developer for 3D Space Application](https://discourse.threejs.org/t/freelance-sr-developer-for-3d-space-application/90404)

<div class="topic-metadata">

**Author:** [@Chris\_Rocketcom](https://discourse.threejs.org/u/Chris_Rocketcom)\
**Replies:** 6\
**Last updated:** [March 21, 2026, 6:42am UTC](https://discourse.threejs.org/t/freelance-sr-developer-for-3d-space-application/90404 "2026-03-21T06:42:24Z")

</div>

We are seeking an experienced freelance Three.js Sr Developer to enhance an existing 3D satellite tracking application, Space ACME. This project involves adding new features like a 2D map view, advanced data visualizatio…

---

## [Development of a Layer-Based Interactive 3D Human Anatomy Visualization System](https://discourse.threejs.org/t/development-of-a-layer-based-interactive-3d-human-anatomy-visualization-system/88790)

<div class="topic-metadata">

**Author:** [@Taron\_Holikyan](https://discourse.threejs.org/u/Taron_Holikyan)\
**Replies:** 0\
**Last updated:** [December 23, 2025, 4:30pm UTC](https://discourse.threejs.org/t/development-of-a-layer-based-interactive-3d-human-anatomy-visualization-system/88790 "2025-12-23T16:30:48Z")

</div>

I am a student, and I want to develop a 3D educational application for studying human anatomy, as part of my diploma project, primarily aimed at students. The main goal of the program is to allow users to interactively e…

---

## [How to make the camera follow a moving target without breaking OrbitControls?](https://discourse.threejs.org/t/how-to-make-the-camera-follow-a-moving-target-without-breaking-orbitcontrols/88196)

<div class="topic-metadata">

**Author:** [@atox](https://discourse.threejs.org/u/atox)\
**Replies:** 6\
**Last updated:** [November 24, 2025, 1:53am UTC](https://discourse.threejs.org/t/how-to-make-the-camera-follow-a-moving-target-without-breaking-orbitcontrols/88196 "2025-11-24T01:53:23Z")

</div>

Hi everyone, I’m working on a Three.js demo and ran into an issue with camera control. I would appreciate any advice from the community. Scene description: I have a moving target object (e.g., a box moving on a grid…

---

## [Model Position Changes but Rotation Center Doesn’t Follow After Dragging](https://discourse.threejs.org/t/model-position-changes-but-rotation-center-doesn-t-follow-after-dragging/87831)

<div class="topic-metadata">

**Author:** [@guo.net78](https://discourse.threejs.org/u/guo.net78)\
**Replies:** 2\
**Last updated:** [November 3, 2025, 3:21am UTC](https://discourse.threejs.org/t/model-position-changes-but-rotation-center-doesn-t-follow-after-dragging/87831 "2025-11-03T03:21:01Z")

</div>

Current Setup Three.js version: Using three.min.js (local) Controls: OrbitControls Camera: PerspectiveCamera with FOV-based zoom (custom implementation) Rotation Constraints: minPolarAngle = maxPolarAngle = Math.PI / …

---

## [Can we zoom in or zoom out infinitely in Three.js without any limit?](https://discourse.threejs.org/t/can-we-zoom-in-or-zoom-out-infinitely-in-three-js-without-any-limit/87618)

<div class="topic-metadata">

**Author:** [@Sina-Hosseini-GST](https://discourse.threejs.org/u/Sina-Hosseini-GST)\
**Replies:** 7\
**Last updated:** [October 27, 2025, 3:24pm UTC](https://discourse.threejs.org/t/can-we-zoom-in-or-zoom-out-infinitely-in-three-js-without-any-limit/87618 "2025-10-27T15:24:12Z")

</div>

Hey guys, I’m working on a small 3D room configurator, and here’s the problem I faced so far: As you can see, if I make one of the walls too big, I won’t be able to zoom in enough to see the other two walls nearb…

---

## [Small 3D city as a website for a company](https://discourse.threejs.org/t/small-3d-city-as-a-website-for-a-company/52126)

<div class="topic-metadata">

**Author:** [@kwiatek\_123](https://discourse.threejs.org/u/kwiatek_123)\
**Replies:** 4\
**Last updated:** [October 10, 2025, 10:53pm UTC](https://discourse.threejs.org/t/small-3d-city-as-a-website-for-a-company/52126 "2025-10-10T22:53:49Z")

</div>

Hello, I created a page for my company, which is navigated by clicking on different buildings. interactivemaps.xyz

---

## [How to stop rotation/limit it orbit camera](https://discourse.threejs.org/t/how-to-stop-rotation-limit-it-orbit-camera/23932)

<div class="topic-metadata">

**Author:** [@UI\_UNICORN](https://discourse.threejs.org/u/UI_UNICORN)\
**Replies:** 7\
**Last updated:** [October 4, 2025, 9:07pm UTC](https://discourse.threejs.org/t/how-to-stop-rotation-limit-it-orbit-camera/23932 "2025-10-04T21:07:46Z")

</div>

So I have noticed I am able to fully rotate around the scene if I drag my mouse along the tabs of the browser or the windows task bar I am wondering if there is a way to limit the rotation or even better not to rotate th…

---

## [Having problems trying to change controls.target](https://discourse.threejs.org/t/having-problems-trying-to-change-controls-target/36709)

<div class="topic-metadata">

**Author:** [@Pongo](https://discourse.threejs.org/u/Pongo)\
**Replies:** 5\
**Last updated:** [September 3, 2025, 12:01am UTC](https://discourse.threejs.org/t/having-problems-trying-to-change-controls-target/36709 "2025-09-03T00:01:45Z")

</div>

When i try to set controls.target to a position of an intersected object after raycasting it doesn’t work: if(intersects.length \> 0) { controls.target = intersects\[0\].object.position; camera.lookAt(intersects\[0\].objec…

---

## [Integrating custom orbit controls into angular project](https://discourse.threejs.org/t/integrating-custom-orbit-controls-into-angular-project/85205)

<div class="topic-metadata">

**Author:** [@Soumya\_Sunkad](https://discourse.threejs.org/u/Soumya_Sunkad)\
**Replies:** 1\
**Last updated:** [July 18, 2025, 3:16am UTC](https://discourse.threejs.org/t/integrating-custom-orbit-controls-into-angular-project/85205 "2025-07-18T03:16:08Z")

</div>

I have a requirement to customize OrbitControl.js into my angular project. Below is the custom OrbitControl.js fie OrbitControls.js (26.6 KB) I noticed there is a change in handleKeyDown, onPointerUp, onMouseMove, OnM…

---

## [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…

---

## [OrbitControls keyboard controls: rotate target instead of rotating around target](https://discourse.threejs.org/t/orbitcontrols-keyboard-controls-rotate-target-instead-of-rotating-around-target/20386)

<div class="topic-metadata">

**Author:** [@davie7](https://discourse.threejs.org/u/davie7)\
**Replies:** 4\
**Last updated:** [June 23, 2025, 6:11am UTC](https://discourse.threejs.org/t/orbitcontrols-keyboard-controls-rotate-target-instead-of-rotating-around-target/20386 "2025-06-23T06:11:12Z")

</div>

I don’t like how the keyboard controls in OrbitControls work, so I disabled them altogether and wrote my own using my own listeners and functions. I got everything to work except the up/down rotation. Instead of rotating…

---

## [Adding controls to class](https://discourse.threejs.org/t/adding-controls-to-class/84365)

<div class="topic-metadata">

**Author:** [@feelivn](https://discourse.threejs.org/u/feelivn)\
**Replies:** 1\
**Last updated:** [June 23, 2025, 2:22am UTC](https://discourse.threejs.org/t/adding-controls-to-class/84365 "2025-06-23T02:22:56Z")

</div>

Hi, take advice, please. I add camera or renderer or scene as properties, and they are displayed in these tips But controls are not displayed. Additionally here an attachement as screenshot of import maps

---

## [When Orbit control target changed prevent the camera rotation](https://discourse.threejs.org/t/when-orbit-control-target-changed-prevent-the-camera-rotation/52532)

<div class="topic-metadata">

**Author:** [@Prashant\_Tukadiya](https://discourse.threejs.org/u/Prashant_Tukadiya)\
**Replies:** 9\
**Last updated:** [June 20, 2025, 3:18am UTC](https://discourse.threejs.org/t/when-orbit-control-target-changed-prevent-the-camera-rotation/52532 "2025-06-20T03:18:44Z")

</div>

Hello Everyone I have scene where I have number of models , So When I click on any of mesh I set the centre of model as target of the Orbit control ( so model rotates from that centre (pivot point)) But when I change t…

---

## [Any way to rotate objects in 360 using orbitcontrols along y axis](https://discourse.threejs.org/t/any-way-to-rotate-objects-in-360-using-orbitcontrols-along-y-axis/7339)

<div class="topic-metadata">

**Author:** [@suraj](https://discourse.threejs.org/u/suraj)\
**Replies:** 6\
**Last updated:** [March 6, 2025, 6:11am UTC](https://discourse.threejs.org/t/any-way-to-rotate-objects-in-360-using-orbitcontrols-along-y-axis/7339 "2025-03-06T06:11:25Z")

</div>

Not able to rotate object/model beyond 180 degrees (y axis )using orbit controls?

---

## [How to set limit of appearing](https://discourse.threejs.org/t/how-to-set-limit-of-appearing/10284)

<div class="topic-metadata">

**Author:** [@jaya\_kannan](https://discourse.threejs.org/u/jaya_kannan)\
**Replies:** 29\
**Last updated:** [February 28, 2025, 6:45am UTC](https://discourse.threejs.org/t/how-to-set-limit-of-appearing/10284 "2025-02-28T06:45:25Z")

</div>

I am using orbit control for zoom and pan action. while zoom out, after a certain limit, the object has disappeared. Similarly, while Zoom in, I can’t zoom after a certain limit. But I have set the max limit to 1000 . Ev…

---

## [(Closed - we are now reviewing applications) - Looking for a Three.js developer (maintain and develop existing project)](https://discourse.threejs.org/t/closed-we-are-now-reviewing-applications-looking-for-a-three-js-developer-maintain-and-develop-existing-project/78400)

<div class="topic-metadata">

**Author:** [@rokdazone](https://discourse.threejs.org/u/rokdazone)\
**Replies:** 12\
**Last updated:** [February 25, 2025, 9:20pm UTC](https://discourse.threejs.org/t/closed-we-are-now-reviewing-applications-looking-for-a-three-js-developer-maintain-and-develop-existing-project/78400 "2025-02-25T21:20:12Z")

</div>

Closed We are currently in the process of reviewing applications (we are no longer considering new applications) we will reply to everyone but it could take a while, so please be patient. Thank you for your participati…

---

## [OrbitControls eventually gets stuck on iOS (webkit)](https://discourse.threejs.org/t/orbitcontrols-eventually-gets-stuck-on-ios-webkit/42383)

<div class="topic-metadata">

**Author:** [@raphaelsantos](https://discourse.threejs.org/u/raphaelsantos)\
**Replies:** 8\
**Last updated:** [February 22, 2025, 10:02pm UTC](https://discourse.threejs.org/t/orbitcontrols-eventually-gets-stuck-on-ios-webkit/42383 "2025-02-22T22:02:49Z")

</div>

I have noticed that when using OrbitControl, I start losing interaction over time. My guess is that when there are dropped frames, the “pointerup” event does not register properly. At first it works as expected: I can u…

---

## [Sharp alignment of z-axis ( three-viewport-gizmo)](https://discourse.threejs.org/t/sharp-alignment-of-z-axis-three-viewport-gizmo/77494)

<div class="topic-metadata">

**Author:** [@Oleksandr-Fedorov](https://discourse.threejs.org/u/Oleksandr-Fedorov)\
**Replies:** 2\
**Last updated:** [February 3, 2025, 5:09pm UTC](https://discourse.threejs.org/t/sharp-alignment-of-z-axis-three-viewport-gizmo/77494 "2025-02-03T17:09:18Z")

</div>

Hey,I use the three-vieport-gizmo library for my project.It looks similar to the original ViewHelper library, so I think a lot of people will understand what I mean. I have an “autoRotate” parameter in the dat.gui on my…

---

## [Seeking Expert Three.js Developer Personalized Jewelry E-Commerce project : Zennah](https://discourse.threejs.org/t/seeking-expert-three-js-developer-personalized-jewelry-e-commerce-project-zennah/75959)

<div class="topic-metadata">

**Author:** [@Harrjeeth\_Senthil](https://discourse.threejs.org/u/Harrjeeth_Senthil)\
**Replies:** 1\
**Last updated:** [January 4, 2025, 3:15pm UTC](https://discourse.threejs.org/t/seeking-expert-three-js-developer-personalized-jewelry-e-commerce-project-zennah/75959 "2025-01-04T15:15:45Z")

</div>

Hello Three.js Community, I’m Harrjeeth Senthil, founder of Zennah Jewellery, a startup operating between India and Singapore. At Zennah, we’re building a cutting-edge D2C e-commerce platform that empowers users to des…

---

## [How to zoom in where the mouse pointer is with the help of orbit controls](https://discourse.threejs.org/t/how-to-zoom-in-where-the-mouse-pointer-is-with-the-help-of-orbit-controls/19596)

<div class="topic-metadata">

**Author:** [@Alex](https://discourse.threejs.org/u/Alex)\
**Replies:** 2\
**Last updated:** [January 17, 2025, 1:21pm UTC](https://discourse.threejs.org/t/how-to-zoom-in-where-the-mouse-pointer-is-with-the-help-of-orbit-controls/19596 "2025-01-17T13:21:32Z")

</div>

Hello Three js Team, I am looking for a way to zoom in to where the cursor pointer is by default it is doing to the center by default so is there any way or method to quickly achieve it or i need to do the change in the…

---

## [Animate camera to set positions](https://discourse.threejs.org/t/animate-camera-to-set-positions/76011)

<div class="topic-metadata">

**Author:** [@3ddev](https://discourse.threejs.org/u/3ddev)\
**Replies:** 5\
**Last updated:** [January 11, 2025, 3:35pm UTC](https://discourse.threejs.org/t/animate-camera-to-set-positions/76011 "2025-01-11T15:35:29Z")

</div>

Hello, I’m trying to rotate/position a camera to arbitrary views of a model (e.g. the start view, top, right, etc.) then have active orbit controls again (similar to Rotate camera and Update orbitControl with the new ca…

---

## [360 degree rotation using orbit controls?](https://discourse.threejs.org/t/360-degree-rotation-using-orbit-controls/76323)

<div class="topic-metadata">

**Author:** [@any\_post](https://discourse.threejs.org/u/any_post)\
**Replies:** 0\
**Last updated:** [January 10, 2025, 8:23pm UTC](https://discourse.threejs.org/t/360-degree-rotation-using-orbit-controls/76323 "2025-01-10T20:23:25Z")

</div>

I am crating panoramic viewer which will have 3D model and panorama images loaded at certain hotshot position within model and when user click on that hotspot view will be switch from 3D to panorama and camera will mov…

---

## [How to use OrbitControls with CSS2DRenderer](https://discourse.threejs.org/t/how-to-use-orbitcontrols-with-css2drenderer/22389)

<div class="topic-metadata">

**Author:** [@tizkon](https://discourse.threejs.org/u/tizkon)\
**Replies:** 11\
**Last updated:** [December 26, 2024, 11:41pm UTC](https://discourse.threejs.org/t/how-to-use-orbitcontrols-with-css2drenderer/22389 "2024-12-26T23:41:19Z")

</div>

Hello, that is a topic about how to solve this problem. I got this problem a few hours ago and it was a bit annoying but finally I got why it was happening and I want to share this with you to save you time in the future…

---

## [Real time tank armor penetration visualizer without ray tracing or other incremental techniques](https://discourse.threejs.org/t/real-time-tank-armor-penetration-visualizer-without-ray-tracing-or-other-incremental-techniques/75641)

<div class="topic-metadata">

**Author:** [@TresAbhi](https://discourse.threejs.org/u/TresAbhi)\
**Replies:** 5\
**Last updated:** [December 26, 2024, 1:22pm UTC](https://discourse.threejs.org/t/real-time-tank-armor-penetration-visualizer-without-ray-tracing-or-other-incremental-techniques/75641 "2024-12-26T13:22:38Z")

</div>

A fantastic example of dynamic armor calculations without the use of ray tracing for every pixel. Note how the armor is green-blue-ish behind the front of the tracks which starts to fade to a non-penetrating red as the t…

---

## [Struggling to Keep 3D Model Centered During Camera Movements](https://discourse.threejs.org/t/struggling-to-keep-3d-model-centered-during-camera-movements/68226)

<div class="topic-metadata">

**Author:** [@POOVENDHAN\_KIDDO](https://discourse.threejs.org/u/POOVENDHAN_KIDDO)\
**Replies:** 6\
**Last updated:** [December 3, 2024, 12:21pm UTC](https://discourse.threejs.org/t/struggling-to-keep-3d-model-centered-during-camera-movements/68226 "2024-12-03T12:21:56Z")

</div>

Hi everyone, I’m working on a 3D scene using React Three Fiber and @react-three/drei, where I have a bike model displayed. I’m facing an issue where the bike model moves out of view when I pan or move the camera. I want…

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