# \#trackball-controls

**URL:** https://discourse.threejs.org/tag/trackball-controls/589.md

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

---

## [Dynamic rotate speed with Trackball controls](https://discourse.threejs.org/t/dynamic-rotate-speed-with-trackball-controls/80831)

<div class="topic-metadata">

**Author:** [@ThreeJsEnjoyer](https://discourse.threejs.org/u/ThreeJsEnjoyer)\
**Replies:** 6\
**Last updated:** [April 8, 2025, 8:51pm UTC](https://discourse.threejs.org/t/dynamic-rotate-speed-with-trackball-controls/80831 "2025-04-08T20:51:27Z")

</div>

I’m using an Orthographic camera and Trackball controls. There are various reasons why a perspective camera and orbit controls don’t work for me so I’m “stuck” with this setup. I’m very happy with it but I’ve got a probl…

---

## [Camera Rotation Malfunctions After Implementing Custom Zoom with Mouse Wheel](https://discourse.threejs.org/t/camera-rotation-malfunctions-after-implementing-custom-zoom-with-mouse-wheel/77363)

<div class="topic-metadata">

**Author:** [@Jad](https://discourse.threejs.org/u/Jad)\
**Replies:** 0\
**Last updated:** [January 31, 2025, 4:36pm UTC](https://discourse.threejs.org/t/camera-rotation-malfunctions-after-implementing-custom-zoom-with-mouse-wheel/77363 "2025-01-31T16:36:07Z")

</div>

I’m experiencing unexpected behavior with camera rotation in my Three.js application after adding a custom zoom functionality using the mouse wheel. Initially, the camera and rotation worked flawlessly with TrackballCont…

---

## [Zoom to cursor with Trackball Controls](https://discourse.threejs.org/t/zoom-to-cursor-with-trackball-controls/13333)

<div class="topic-metadata">

**Author:** [@duhaime](https://discourse.threejs.org/u/duhaime)\
**Replies:** 4\
**Last updated:** [December 30, 2024, 7:35pm UTC](https://discourse.threejs.org/t/zoom-to-cursor-with-trackball-controls/13333 "2024-12-30T19:35:49Z")

</div>

I’m an absolute dunce in 3D who’s trying to figure out how to zoom towards the cursor position using the Trackball controls. I’ve seen @WestLangley’s related work introducing scroll to cursor for the Orbit and Map contro…

---

## [Unable to set zoom limits for orthographicCamera using TrackballControls](https://discourse.threejs.org/t/unable-to-set-zoom-limits-for-orthographiccamera-using-trackballcontrols/32215)

<div class="topic-metadata">

**Author:** [@jessicacao1](https://discourse.threejs.org/u/jessicacao1)\
**Replies:** 3\
**Last updated:** [November 21, 2024, 1:45pm UTC](https://discourse.threejs.org/t/unable-to-set-zoom-limits-for-orthographiccamera-using-trackballcontrols/32215 "2024-11-21T13:45:55Z")

</div>

Hi! I have this example which uses TrackballControls and OrthographicCamera. Currently I’m trying to set zoom limits using maxDistance and minDistance, which looks like control.minDistance = 200 control.maxDistance = 3…

---

## [Seeking for some resources to create a Camera controller](https://discourse.threejs.org/t/seeking-for-some-resources-to-create-a-camera-controller/63141)

<div class="topic-metadata">

**Author:** [@hugoh](https://discourse.threejs.org/u/hugoh)\
**Replies:** 4\
**Last updated:** [March 22, 2024, 8:17pm UTC](https://discourse.threejs.org/t/seeking-for-some-resources-to-create-a-camera-controller/63141 "2024-03-22T20:17:06Z")

</div>

Hey there. I would like to work on a camera controller, inspired by TrackBallControls with pointerLock API but I haven’t really saw useful resources to work with. My goal is to have a controller behaving like TrackBallC…

---

## [Set the axis of rotation of trackballcontrols to the center of the object](https://discourse.threejs.org/t/set-the-axis-of-rotation-of-trackballcontrols-to-the-center-of-the-object/25697)

<div class="topic-metadata">

**Author:** [@lss3070](https://discourse.threejs.org/u/lss3070)\
**Replies:** 1\
**Last updated:** [March 12, 2024, 10:20am UTC](https://discourse.threejs.org/t/set-the-axis-of-rotation-of-trackballcontrols-to-the-center-of-the-object/25697 "2024-03-12T10:20:51Z")

</div>

Hi all, I am trying to use object trackballconrols to rotate an object axis however after the pan moves, the central axis of the trackballcontrols is not the center of the object. How can the rotation axis become the …

---

## [Why can I zoom in, but not out using Trackball Controls](https://discourse.threejs.org/t/why-can-i-zoom-in-but-not-out-using-trackball-controls/60719)

<div class="topic-metadata">

**Author:** [@leo2](https://discourse.threejs.org/u/leo2)\
**Replies:** 2\
**Last updated:** [January 25, 2024, 1:09pm UTC](https://discourse.threejs.org/t/why-can-i-zoom-in-but-not-out-using-trackball-controls/60719 "2024-01-25T13:09:13Z")

</div>

I have the following sandbox… And the Trackball Controls allow me to zoom in, but not zoom out. Why is that? Sandbox import "./styles.css"; import { Box } from "@react-three/drei"; import { useThree } from "@react-thre…

---

## [After applying rotateZ to my object, when I try to rotate it with the mouse, it turns in the wrong direction](https://discourse.threejs.org/t/after-applying-rotatez-to-my-object-when-i-try-to-rotate-it-with-the-mouse-it-turns-in-the-wrong-direction/60183)

<div class="topic-metadata">

**Author:** [@Hrn](https://discourse.threejs.org/u/Hrn)\
**Replies:** 2\
**Last updated:** [January 12, 2024, 6:03am UTC](https://discourse.threejs.org/t/after-applying-rotatez-to-my-object-when-i-try-to-rotate-it-with-the-mouse-it-turns-in-the-wrong-direction/60183 "2024-01-12T06:03:20Z")

</div>

import \* as THREE from 'three'; import { TrackballControls } from 'three/examples/jsm/controls/TrackballControls.js'; import \* as dat from 'dat.gui'; const renderer = new THREE.WebGLRenderer({ antialias: true }); render…

---

## [The 160 version of the track controller has a bug where mouse zoom fails when the browser zoom is less than 100](https://discourse.threejs.org/t/the-160-version-of-the-track-controller-has-a-bug-where-mouse-zoom-fails-when-the-browser-zoom-is-less-than-100/59742)

<div class="topic-metadata">

**Author:** [@3153848875huhu](https://discourse.threejs.org/u/3153848875huhu)\
**Replies:** 1\
**Last updated:** [December 29, 2023, 10:23am UTC](https://discourse.threejs.org/t/the-160-version-of-the-track-controller-has-a-bug-where-mouse-zoom-fails-when-the-browser-zoom-is-less-than-100/59742 "2023-12-29T10:23:05Z")

</div>

The 160 version of the track controller has a bug where mouse zoom fails when the browser zoom is less than 100

---

## [Camera auto changes value of position and up (direction)](https://discourse.threejs.org/t/camera-auto-changes-value-of-position-and-up-direction/59435)

<div class="topic-metadata">

**Author:** [@qt\_d](https://discourse.threejs.org/u/qt_d)\
**Replies:** 0\
**Last updated:** [December 19, 2023, 8:05pm UTC](https://discourse.threejs.org/t/camera-auto-changes-value-of-position-and-up-direction/59435 "2023-12-19T20:05:18Z")

</div>

Hello ! I’m having an issue about saving and loading the camera’s position and up (the direction in which the camera is looking at). I’m looking for help. I’m sorry I cannot reproduce the same context. I’m working on …

---

## [Two finger Panning on touch devices on my globe material to rotate (TrackballControls)](https://discourse.threejs.org/t/two-finger-panning-on-touch-devices-on-my-globe-material-to-rotate-trackballcontrols/36912)

<div class="topic-metadata">

**Author:** [@Mamun](https://discourse.threejs.org/u/Mamun)\
**Replies:** 1\
**Last updated:** [October 22, 2023, 3:00am UTC](https://discourse.threejs.org/t/two-finger-panning-on-touch-devices-on-my-globe-material-to-rotate-trackballcontrols/36912 "2023-10-22T03:00:19Z")

</div>

Hi, I am trying Two finger Panning on touch devices on my globe material to rotate using TrackballControls. I can not use two fingers to change position. Is there a way to using 2 fingers (i.e Using trackball controls…

---

## [Model position jumping during interaction](https://discourse.threejs.org/t/model-position-jumping-during-interaction/51262)

<div class="topic-metadata">

**Author:** [@waldrus](https://discourse.threejs.org/u/waldrus)\
**Replies:** 1\
**Last updated:** [May 7, 2023, 7:15am UTC](https://discourse.threejs.org/t/model-position-jumping-during-interaction/51262 "2023-05-07T07:15:09Z")

</div>

Hi there :wave: I’ve got a model set up in a react (gatsby) component, and am having an issue where the models position on init is different than the position during interactivity. The effect being that when the canvas …

---

## [Make TrackballControls Stationary When Object Position is Moved](https://discourse.threejs.org/t/make-trackballcontrols-stationary-when-object-position-is-moved/49223)

<div class="topic-metadata">

**Author:** [@manuelbarros](https://discourse.threejs.org/u/manuelbarros)\
**Replies:** 3\
**Last updated:** [March 18, 2023, 11:04pm UTC](https://discourse.threejs.org/t/make-trackballcontrols-stationary-when-object-position-is-moved/49223 "2023-03-18T23:04:31Z")

</div>

Hi Everyone, I hope you guys are having a great day! Excuse my ignorance as I am new to Three JS, however, I need my cube to be positioned to the left and for TrackballControls to work as well as I want the effect of th…

---

## [Manually rotating camera with Trackball Controls](https://discourse.threejs.org/t/manually-rotating-camera-with-trackball-controls/26944)

<div class="topic-metadata">

**Author:** [@waqast](https://discourse.threejs.org/u/waqast)\
**Replies:** 3\
**Last updated:** [February 22, 2023, 9:06am UTC](https://discourse.threejs.org/t/manually-rotating-camera-with-trackball-controls/26944 "2023-02-22T09:06:36Z")

</div>

Trying to tween between two view states by rotating and positioning camera while using Trackball Controls. But TrackballControls.update() cause the camera rotation reset to the previous state of Trackball Control’s camer…

---

## [How to rotate camera with arrow keys?](https://discourse.threejs.org/t/how-to-rotate-camera-with-arrow-keys/10419)

<div class="topic-metadata">

**Author:** [@Sathish\_Uthayasuriyan](https://discourse.threejs.org/u/Sathish_Uthayasuriyan)\
**Replies:** 2\
**Last updated:** [February 21, 2023, 5:01pm UTC](https://discourse.threejs.org/t/how-to-rotate-camera-with-arrow-keys/10419 "2023-02-21T17:01:28Z")

</div>

Let say we have two axes system. One is threejs default axes system which changes its x,y,z direction when we rotate the camera. Another is imaginary axes system(x-horizontal, y-vertical, z-pointing toward us). Let say w…

---

## [TrackballControls problem with rotate on one axes](https://discourse.threejs.org/t/trackballcontrols-problem-with-rotate-on-one-axes/30118)

<div class="topic-metadata">

**Author:** [@goMichalZ](https://discourse.threejs.org/u/goMichalZ)\
**Replies:** 0\
**Last updated:** [September 21, 2021, 11:30am UTC](https://discourse.threejs.org/t/trackballcontrols-problem-with-rotate-on-one-axes/30118 "2021-09-21T11:30:30Z")

</div>

When i try rotate model left/right everything works smooth, but on rotation top/bottom model “jumping, vibrate, …”. I don’t know how to describe it, you have to see it. https://jsfiddle.net/9xdzp4ae/ Why this works onl…

---

## [How to modify to implement the functions in the video?](https://discourse.threejs.org/t/how-to-modify-to-implement-the-functions-in-the-video/28036)

<div class="topic-metadata">

**Author:** [@wenrenqiang](https://discourse.threejs.org/u/wenrenqiang)\
**Replies:** 1\
**Last updated:** [August 9, 2021, 7:09am UTC](https://discourse.threejs.org/t/how-to-modify-to-implement-the-functions-in-the-video/28036 "2021-08-09T07:09:19Z")

</div>

Use the controller, first pan and then rotate, who can tell me how to do and the effect in the video? (not to change the position of the object)https://youtu.be/\_Rt\_gq6leFk

---

## [Animating TrackballControls to reset](https://discourse.threejs.org/t/animating-trackballcontrols-to-reset/26731)

<div class="topic-metadata">

**Author:** [@benjaminben](https://discourse.threejs.org/u/benjaminben)\
**Replies:** 0\
**Last updated:** [May 28, 2021, 10:50pm UTC](https://discourse.threejs.org/t/animating-trackballcontrols-to-reset/26731 "2021-05-28T22:50:57Z")

</div>

Like the subject says, I’m able to smoothly animate TrackballControls back to their reset value using gsap by updating the camera.up, camera.position, and controls.target, along with lerping the camera.quaternion. Howeve…

---

## [TrackballCamera](https://discourse.threejs.org/t/trackballcamera/26238)

<div class="topic-metadata">

**Author:** [@fossas](https://discourse.threejs.org/u/fossas)\
**Replies:** 0\
**Last updated:** [May 14, 2021, 7:37am UTC](https://discourse.threejs.org/t/trackballcamera/26238 "2021-05-14T07:37:54Z")

</div>

Hello!! After looking at the trackball controls class and spending too much time testing different options, I discovered that If you pass the same rotation quaternion to the position and to the camera up, the camera wil…

---

## [TrackballControls, like a https://zen.ly/](https://discourse.threejs.org/t/trackballcontrols-like-a-https-zen-ly/25791)

<div class="topic-metadata">

**Author:** [@jesuismert](https://discourse.threejs.org/u/jesuismert)\
**Replies:** 1\
**Last updated:** [April 28, 2021, 8:26pm UTC](https://discourse.threejs.org/t/trackballcontrols-like-a-https-zen-ly/25791 "2021-04-28T20:26:59Z")

</div>

Hi, in three.js. I’ve created Sphere geometry in center. Then this shape getting approach on to screen right side as what i want.(with gsap.to source) But more on, it doesn’t working due to if i add TrackballControls. T…

---

## [Blender style orbit controls - Unrestricted movement along the spherical longitude](https://discourse.threejs.org/t/blender-style-orbit-controls-unrestricted-movement-along-the-spherical-longitude/25236)

<div class="topic-metadata">

**Author:** [@Zeeshan\_Ali](https://discourse.threejs.org/u/Zeeshan_Ali)\
**Replies:** 4\
**Last updated:** [April 11, 2021, 11:31am UTC](https://discourse.threejs.org/t/blender-style-orbit-controls-unrestricted-movement-along-the-spherical-longitude/25236 "2021-04-11T11:31:11Z")

</div>

Hi, I am trying to build a blender style orbit controller. Here is the code. // Initialization const offset = new Vector3(); let quat = new Quaternion(); let quatInverse = new Quaternion(); const v = new Vector3(0,0,0)…

---

## [Panning in Trackballcontrols changes Camera z Position](https://discourse.threejs.org/t/panning-in-trackballcontrols-changes-camera-z-position/22206)

<div class="topic-metadata">

**Author:** [@debabrata](https://discourse.threejs.org/u/debabrata)\
**Replies:** 1\
**Last updated:** [January 7, 2021, 6:36pm UTC](https://discourse.threejs.org/t/panning-in-trackballcontrols-changes-camera-z-position/22206 "2021-01-07T18:36:31Z")

</div>

I see that panning in Trackballcontrols changes Camera z Position. I have noZoom and noRotate set to True. Am I missing something? Please let me know. Thanks

---

## [One finger Panning on touch devices using TrackballControls](https://discourse.threejs.org/t/one-finger-panning-on-touch-devices-using-trackballcontrols/22073)

<div class="topic-metadata">

**Author:** [@debabrata](https://discourse.threejs.org/u/debabrata)\
**Replies:** 2\
**Last updated:** [January 2, 2021, 11:16am UTC](https://discourse.threejs.org/t/one-finger-panning-on-touch-devices-using-trackballcontrols/22073 "2021-01-02T11:16:52Z")

</div>

Hi, Is there any way to change touch behaviour in TrackballControls like OrbitControls. I see in OrbitControls we can change like below controls = new OrbitControls( camera, renderer.domElement ); controls.touches.ONE …

---

## [TrackballControls don't work in webgl\_multiple\_elements\_text](https://discourse.threejs.org/t/trackballcontrols-dont-work-in-webgl-multiple-elements-text/20893)

<div class="topic-metadata">

**Author:** [@dermaku-dardan](https://discourse.threejs.org/u/dermaku-dardan)\
**Replies:** 2\
**Last updated:** [November 24, 2020, 9:00am UTC](https://discourse.threejs.org/t/trackballcontrols-dont-work-in-webgl-multiple-elements-text/20893 "2020-11-24T09:00:49Z")

</div>

Hi, can anyone tell me why can’t I use TrackballControls for this example: https://threejs.org/examples/?q=multiple#webgl\_multiple\_elements\_text. When I try to switch to TrackballControls, they simply do not respond. I …

---

## [Trackball controls button binding issue](https://discourse.threejs.org/t/trackball-controls-button-binding-issue/14412)

<div class="topic-metadata">

**Author:** [@Click\_Clock\_Boom](https://discourse.threejs.org/u/Click_Clock_Boom)\
**Replies:** 1\
**Last updated:** [November 22, 2020, 2:25am UTC](https://discourse.threejs.org/t/trackball-controls-button-binding-issue/14412 "2020-11-22T02:25:20Z")

</div>

I am trying to get this done with TrackballControls. I want to rotate the object using the right button button and want to assign no function to left button. But when I assign undefined to left, the controls doesn’t work…

---

## [addEventlistner is not working with trackball-controls on canvas](https://discourse.threejs.org/t/addeventlistner-is-not-working-with-trackball-controls-on-canvas/20589)

<div class="topic-metadata">

**Author:** [@shubham\_soni](https://discourse.threejs.org/u/shubham_soni)\
**Replies:** 2\
**Last updated:** [November 10, 2020, 9:54am UTC](https://discourse.threejs.org/t/addeventlistner-is-not-working-with-trackball-controls-on-canvas/20589 "2020-11-10T09:54:26Z")

</div>

I am calling a function on click event on canvas but due to trackball-controls it is not listening event. When I remove trackball-controls it is working as expected. Please help me this

---

## [TrackballControls not working](https://discourse.threejs.org/t/trackballcontrols-not-working/19435)

<div class="topic-metadata">

**Author:** [@Khalido](https://discourse.threejs.org/u/Khalido)\
**Replies:** 2\
**Last updated:** [October 5, 2020, 11:08am UTC](https://discourse.threejs.org/t/trackballcontrols-not-working/19435 "2020-10-05T11:08:55Z")

</div>

Hi I’m tring to use TrackballControls but it is not working. I can’t zoom in / out or rotate things. When i use OrbitControls everythis works here is my code, what am i doing wrong?

---

## [TrackballControls - zoom by mouse cursor gone wrong](https://discourse.threejs.org/t/trackballcontrols-zoom-by-mouse-cursor-gone-wrong/19328)

<div class="topic-metadata">

**Author:** [@nitzanorchestra](https://discourse.threejs.org/u/nitzanorchestra)\
**Replies:** 1\
**Last updated:** [October 2, 2020, 2:30pm UTC](https://discourse.threejs.org/t/trackballcontrols-zoom-by-mouse-cursor-gone-wrong/19328 "2020-10-02T14:30:34Z")

</div>

I’m trying to make the graph zoom according the mouse cursor, by override the mouse wheel behavior of trackballControls.js. What happens: It works partly and the graph zooms but not directly to the cursor. Right side z…

---

## [Trackball controls rotate around center of the mass](https://discourse.threejs.org/t/trackball-controls-rotate-around-center-of-the-mass/17629)

<div class="topic-metadata">

**Author:** [@Arso](https://discourse.threejs.org/u/Arso)\
**Replies:** 0\
**Last updated:** [August 4, 2020, 4:40pm UTC](https://discourse.threejs.org/t/trackball-controls-rotate-around-center-of-the-mass/17629 "2020-08-04T16:40:04Z")

</div>

Dear all, I have an issue that I am trying to solve. I have my custom Navigation control similar to Trackball but with additional functionality. target property works exactly as in Trackball controls calling .lookAt(ta…

---

## [Peculiar behavior of TrackballControls.target leaves me dumbfounded](https://discourse.threejs.org/t/peculiar-behavior-of-trackballcontrols-target-leaves-me-dumbfounded/15961)

<div class="topic-metadata">

**Author:** [@RiteshSingh](https://discourse.threejs.org/u/RiteshSingh)\
**Replies:** 1\
**Last updated:** [June 7, 2020, 2:47pm UTC](https://discourse.threejs.org/t/peculiar-behavior-of-trackballcontrols-target-leaves-me-dumbfounded/15961 "2020-06-07T14:47:40Z")

</div>

I am trying to create a simulation of 3D distribution of galaxies. The galaxies are points. question1.htm uses galaxydata1.txt to calculate and load the galaxy positions: rawFile.open("GET", "galaxydata1.txt", false);…

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