# \#positioning

**URL:** https://discourse.threejs.org/tag/positioning/98.md

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

---

## [Object Positioning Using Form and Drag (R3F)](https://discourse.threejs.org/t/object-positioning-using-form-and-drag-r3f/83501)

<div class="topic-metadata">

**Author:** [@Cere8ellum](https://discourse.threejs.org/u/Cere8ellum)\
**Replies:** 0\
**Last updated:** [June 3, 2025, 10:13am UTC](https://discourse.threejs.org/t/object-positioning-using-form-and-drag-r3f/83501 "2025-06-03T10:13:29Z")

</div>

Greetings dear community. I really need help understanding what’s going on when moving objects around the scene. I’ve attached the code (react-three + mui + typescript): https://codesandbox.io/p/sandbox/r3f-positionin…

---

## [I have doubt setting the correct camera position after i change the planes position](https://discourse.threejs.org/t/i-have-doubt-setting-the-correct-camera-position-after-i-change-the-planes-position/79891)

<div class="topic-metadata">

**Author:** [@ishahath](https://discourse.threejs.org/u/ishahath)\
**Replies:** 5\
**Last updated:** [March 21, 2025, 11:50am UTC](https://discourse.threejs.org/t/i-have-doubt-setting-the-correct-camera-position-after-i-change-the-planes-position/79891 "2025-03-21T11:50:24Z")

</div>

I have used useFrame hook to get the current camerapositions and rotation . and i have added some buttons for particular positions. but when i change planes position (i.e; when i drag the 3dspace using right mouse button…

---

## [How to Move Camera to a Specific Location on a 3D Earth Model](https://discourse.threejs.org/t/how-to-move-camera-to-a-specific-location-on-a-3d-earth-model/78796)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 2\
**Last updated:** [February 28, 2025, 4:56pm UTC](https://discourse.threejs.org/t/how-to-move-camera-to-a-specific-location-on-a-3d-earth-model/78796 "2025-02-28T16:56:13Z")

</div>

Hi everyone, I’m working on a Three.js project where I want to load a 3D Earth model and move the camera based on the selected latitude and longitude. The goal is: My main challenge is how to find the exact location on…

---

## [Cross lines that will always look as a cross no matter which position the camera is](https://discourse.threejs.org/t/cross-lines-that-will-always-look-as-a-cross-no-matter-which-position-the-camera-is/77234)

<div class="topic-metadata">

**Author:** [@kmm](https://discourse.threejs.org/u/kmm)\
**Replies:** 2\
**Last updated:** [January 29, 2025, 1:42pm UTC](https://discourse.threejs.org/t/cross-lines-that-will-always-look-as-a-cross-no-matter-which-position-the-camera-is/77234 "2025-01-29T13:42:13Z")

</div>

Hi everyone. Might be a simple question but I can’t seem to figure this one out. What I’m trying to do is have hover markers on some of my points. When the user hovers to that point, it will show a cross on top of that p…

---

## [Seeking three js developer to work on existing project ](https://discourse.threejs.org/t/seeking-three-js-developer-to-work-on-existing-project/75804)

<div class="topic-metadata">

**Author:** [@Alaa\_Allham](https://discourse.threejs.org/u/Alaa_Allham)\
**Replies:** 4\
**Last updated:** [January 16, 2025, 3:08pm UTC](https://discourse.threejs.org/t/seeking-three-js-developer-to-work-on-existing-project/75804 "2025-01-16T15:08:27Z")

</div>

Job Type: Freelance Job Title: ThreeJS Developer Looking for an experienced ThreeJS freelance developer to work on an existing project. Responsibilities: Develop new features in ThreeJS Modify existing features and s…

---

## [R3F: Calculate the absolute (relative to the center of the scene) position of a mesh deeply nested in a GLTF model](https://discourse.threejs.org/t/r3f-calculate-the-absolute-relative-to-the-center-of-the-scene-position-of-a-mesh-deeply-nested-in-a-gltf-model/73152)

<div class="topic-metadata">

**Author:** [@cubernez](https://discourse.threejs.org/u/cubernez)\
**Replies:** 4\
**Last updated:** [October 24, 2024, 7:36am UTC](https://discourse.threejs.org/t/r3f-calculate-the-absolute-relative-to-the-center-of-the-scene-position-of-a-mesh-deeply-nested-in-a-gltf-model/73152 "2024-10-24T07:36:23Z")

</div>

Hello, I’m quite new to R3F and Three in general and I’m trying to calculate the position relative to the scene of a mesh that is part of a bigger gltf model. I loaded the model using: https://gltf.pmnd.rs/. When I cl…

---

## [Responsive object position/scale](https://discourse.threejs.org/t/responsive-object-position-scale/71335)

<div class="topic-metadata">

**Author:** [@aka\_lux](https://discourse.threejs.org/u/aka_lux)\
**Replies:** 2\
**Last updated:** [September 27, 2024, 11:19pm UTC](https://discourse.threejs.org/t/responsive-object-position-scale/71335 "2024-09-27T23:19:01Z")

</div>

Hi everyone, I’m trying to figure out the best way to make the position (and scale if needed) of the model across all devices without relying only on match medias. Ofc I can’t use %, so is there something built into Thre…

---

## [Synchronize perspective camera position while switching between OrbitControls and DeviceOrientationControls](https://discourse.threejs.org/t/synchronize-perspective-camera-position-while-switching-between-orbitcontrols-and-deviceorientationcontrols/70806)

<div class="topic-metadata">

**Author:** [@armkh](https://discourse.threejs.org/u/armkh)\
**Replies:** 0\
**Last updated:** [September 17, 2024, 9:39am UTC](https://discourse.threejs.org/t/synchronize-perspective-camera-position-while-switching-between-orbitcontrols-and-deviceorientationcontrols/70806 "2024-09-17T09:39:39Z")

</div>

In my application ( React JS ) I’m switching between orbit controls and device orientation controls import { DeviceOrientationControls, OrbitControls } from '@react-three/drei'; ... const \[isGyroscope, setIsGyroscop…

---

## [Fixing Model Positioning and Visibility Issues in Web AR Using Three.js](https://discourse.threejs.org/t/fixing-model-positioning-and-visibility-issues-in-web-ar-using-three-js/69359)

<div class="topic-metadata">

**Author:** [@Fizzy](https://discourse.threejs.org/u/Fizzy)\
**Replies:** 0\
**Last updated:** [August 15, 2024, 6:51pm UTC](https://discourse.threejs.org/t/fixing-model-positioning-and-visibility-issues-in-web-ar-using-three-js/69359 "2024-08-15T18:51:13Z")

</div>

Hey forum, I’m working on loading my model into my web AR project using the GitHub repository found here: Variant3d/launch-examples. Specifically, I’m using the files from the threejs folder. I’ve removed the interval an…

---

## [Aligning Cutout Offset After BVH Subtraction](https://discourse.threejs.org/t/aligning-cutout-offset-after-bvh-subtraction/69265)

<div class="topic-metadata">

**Author:** [@Fizzy](https://discourse.threejs.org/u/Fizzy)\
**Replies:** 2\
**Last updated:** [August 15, 2024, 2:49pm UTC](https://discourse.threejs.org/t/aligning-cutout-offset-after-bvh-subtraction/69265 "2024-08-15T14:49:01Z")

</div>

Does anyone know how to adjust the offset of the cutout to align correctly after using the BVH Operation SUBTRACTION function? In the image, the green represents the original position, and the white cutout shows where…

---

## [How to find 3d model starting and end point of the scene](https://discourse.threejs.org/t/how-to-find-3d-model-starting-and-end-point-of-the-scene/56284)

<div class="topic-metadata">

**Author:** [@ezhil\_46](https://discourse.threejs.org/u/ezhil_46)\
**Replies:** 2\
**Last updated:** [February 16, 2024, 8:12am UTC](https://discourse.threejs.org/t/how-to-find-3d-model-starting-and-end-point-of-the-scene/56284 "2024-02-16T08:12:41Z")

</div>

Hi guys, I need help. How can i achieve this, Based on the given value, the 3D model should be replicated and added to the end of the previous three 3D models. How to find 3d model starting and end point of the scene…

---

## [Change position decal geometry with dragControl](https://discourse.threejs.org/t/change-position-decal-geometry-with-dragcontrol/61420)

<div class="topic-metadata">

**Author:** [@Zahra\_Jafarpisheh](https://discourse.threejs.org/u/Zahra_Jafarpisheh)\
**Replies:** 2\
**Last updated:** [February 13, 2024, 2:32pm UTC](https://discourse.threejs.org/t/change-position-decal-geometry-with-dragcontrol/61420 "2024-02-13T14:32:10Z")

</div>

I have a GLTF model that has a decal geometry on one of its meshes, and I want to use dragControl to change the position of the decal image, but the texture should be within the mesh and not come out of it, or show the p…

---

## [Change position of the texture on a layer(mesh)](https://discourse.threejs.org/t/change-position-of-the-texture-on-a-layer-mesh/60319)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 10\
**Last updated:** [January 20, 2024, 10:21am UTC](https://discourse.threejs.org/t/change-position-of-the-texture-on-a-layer-mesh/60319 "2024-01-20T10:21:02Z")

</div>

Hi I load some image Textures on some meshes on gltf. After that I update them. For example update scale, position,rotation by offset, repeat,rotation. I have problem with position . The texture goes up,up,up but it…

---

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

---

## [In React Three Fiber, children don't move with the parent](https://discourse.threejs.org/t/in-react-three-fiber-children-dont-move-with-the-parent/57740)

<div class="topic-metadata">

**Author:** [@blue7777](https://discourse.threejs.org/u/blue7777)\
**Replies:** 4\
**Last updated:** [November 3, 2023, 10:31pm UTC](https://discourse.threejs.org/t/in-react-three-fiber-children-dont-move-with-the-parent/57740 "2023-11-03T22:31:47Z")

</div>

I am using React Three Fiber. I have a group, and within that group, I have a green cube. On the mesh onClick event, I create a child cube. On the group’s onDoubleClick event, I intend to move the green cube, with the ex…

---

## [Pixel-specific positioning while using three.js as a static 2D canvas](https://discourse.threejs.org/t/pixel-specific-positioning-while-using-three-js-as-a-static-2d-canvas/57313)

<div class="topic-metadata">

**Author:** [@stefda](https://discourse.threejs.org/u/stefda)\
**Replies:** 1\
**Last updated:** [October 24, 2023, 5:32pm UTC](https://discourse.threejs.org/t/pixel-specific-positioning-while-using-three-js-as-a-static-2d-canvas/57313 "2023-10-24T17:32:03Z")

</div>

I’d like to use three scene as a 2D canvas. My use case is to create a WebGL layer on the top of a map where I need pixel-specific control over where geometries appear. (Specifically, I need to render a large number of d…

---

## [How to get the world position of a geometry face?](https://discourse.threejs.org/t/how-to-get-the-world-position-of-a-geometry-face/56998)

<div class="topic-metadata">

**Author:** [@CosmicFantasy](https://discourse.threejs.org/u/CosmicFantasy)\
**Replies:** 1\
**Last updated:** [October 14, 2023, 12:05am UTC](https://discourse.threejs.org/t/how-to-get-the-world-position-of-a-geometry-face/56998 "2023-10-14T00:05:53Z")

</div>

I have a Object3D using the Box geometry. I’m using the Raycaster’s intersectObjects() function to get the Object3D I am clicking on. How would I get the world position of the face I am clicking on? I assume the face …

---

## [Placing GLB next to another GLB accounting for its rotation](https://discourse.threejs.org/t/placing-glb-next-to-another-glb-accounting-for-its-rotation/52706)

<div class="topic-metadata">

**Author:** [@Vikms95](https://discourse.threejs.org/u/Vikms95)\
**Replies:** 5\
**Last updated:** [June 13, 2023, 11:40am UTC](https://discourse.threejs.org/t/placing-glb-next-to-another-glb-accounting-for-its-rotation/52706 "2023-06-13T11:40:04Z")

</div>

Hi all! I have an application with R3F that allows for placement and selection of GLB’s loaded in real time. I do have a button on my UI to place that GLB in the middle of the scene. I have implemented an extra functiona…

---

## [Calculate the camera z position based on a number of factors](https://discourse.threejs.org/t/calculate-the-camera-z-position-based-on-a-number-of-factors/52266)

<div class="topic-metadata">

**Author:** [@cswkim](https://discourse.threejs.org/u/cswkim)\
**Replies:** 2\
**Last updated:** [May 31, 2023, 11:07pm UTC](https://discourse.threejs.org/t/calculate-the-camera-z-position-based-on-a-number-of-factors/52266 "2023-05-31T23:07:55Z")

</div>

What would be a function to output a number for the camera position’s z value based on a number of factors: fov: (default 50) windowWidth: (window.innerWidth) 3DObject size + position: (PlaneGeometry with width 5, h…

---

## [Incorrect bone positions in Object3D after conversion to json](https://discourse.threejs.org/t/incorrect-bone-positions-in-object3d-after-conversion-to-json/45330)

<div class="topic-metadata">

**Author:** [@shikitos](https://discourse.threejs.org/u/shikitos)\
**Replies:** 1\
**Last updated:** [May 27, 2023, 3:27pm UTC](https://discourse.threejs.org/t/incorrect-bone-positions-in-object3d-after-conversion-to-json/45330 "2023-05-27T15:27:25Z")

</div>

I’m trying to export my scene (there is only one 3D humanoid object in the scene) and convert it to .json format. After that, I import that .json into threejs-editor. The result is that my model doesn’t look right. As I …

---

## [Spotlight shines through object although it's not transparent, casts shadows and receives shadows (threejs v0.130.0)](https://discourse.threejs.org/t/spotlight-shines-through-object-although-its-not-transparent-casts-shadows-and-receives-shadows-threejs-v0-130-0/50630)

<div class="topic-metadata">

**Author:** [@perskes](https://discourse.threejs.org/u/perskes)\
**Replies:** 0\
**Last updated:** [April 20, 2023, 9:29am UTC](https://discourse.threejs.org/t/spotlight-shines-through-object-although-its-not-transparent-casts-shadows-and-receives-shadows-threejs-v0-130-0/50630 "2023-04-20T09:29:32Z")

</div>

Please watch this GIF to see the problem: https://i.imgur.com/6QIqZnc.mp4 Hi, I’m having trouble with a lamp model I made in Blender. I added a spotlight to it, and it works fine in Three.js, except that the light shi…

---

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

---

## [Position fixed(or sticky)?](https://discourse.threejs.org/t/position-fixed-or-sticky/48148)

<div class="topic-metadata">

**Author:** [@multeng](https://discourse.threejs.org/u/multeng)\
**Replies:** 0\
**Last updated:** [February 17, 2023, 8:53am UTC](https://discourse.threejs.org/t/position-fixed-or-sticky/48148 "2023-02-17T08:53:49Z")

</div>

Hello! I need make a rulers in my project for x axis. On picture 1 and 3 are rulers, 2 is main wehe we can zoom or move camera x or y axis. When we zoom or move camera x-axis i need recalculate values on rulers. Is it…

---

## [Move a plane using AWSD inside a sphere](https://discourse.threejs.org/t/move-a-plane-using-awsd-inside-a-sphere/47795)

<div class="topic-metadata">

**Author:** [@Darcey](https://discourse.threejs.org/u/Darcey)\
**Replies:** 6\
**Last updated:** [February 9, 2023, 6:05pm UTC](https://discourse.threejs.org/t/move-a-plane-using-awsd-inside-a-sphere/47795 "2023-02-09T18:05:30Z")

</div>

Hi, I have a sphere and need to move a plane around the surface of the sphere (slightly elevated off surface to prevent z fighting (Camera is inside sphere and plane is closer to camera than the sphere). I am trying to…

---

## [Spotlight pin point look at center and revolves around distance of pinpoint](https://discourse.threejs.org/t/spotlight-pin-point-look-at-center-and-revolves-around-distance-of-pinpoint/47162)

<div class="topic-metadata">

**Author:** [@Myth\_Xenodo](https://discourse.threejs.org/u/Myth_Xenodo)\
**Replies:** 0\
**Last updated:** [January 22, 2023, 2:43pm UTC](https://discourse.threejs.org/t/spotlight-pin-point-look-at-center-and-revolves-around-distance-of-pinpoint/47162 "2023-01-22T14:43:31Z")

</div>

I’m looking if there is a way to revolve it around the pinpoint continuously in reactjs(not in vanilla cause I know this but I don’t know how can I make it work to reactjs) ? Like this certain image I already have a…

---

## [How to move the origin point to the center?](https://discourse.threejs.org/t/how-to-move-the-origin-point-to-the-center/46831)

<div class="topic-metadata">

**Author:** [@waynewu](https://discourse.threejs.org/u/waynewu)\
**Replies:** 3\
**Last updated:** [January 13, 2023, 8:49am UTC](https://discourse.threejs.org/t/how-to-move-the-origin-point-to-the-center/46831 "2023-01-13T08:49:57Z")

</div>

I have a scene with 200+ GLTF models loaded, each model have it’s position, the same as real world. But when I set positions for all models, everything is ok, but the origin point is on the bottom-left of the “world”, ho…

---

## [Set Child Object property in relation the Scene rather than Parent object](https://discourse.threejs.org/t/set-child-object-property-in-relation-the-scene-rather-than-parent-object/46578)

<div class="topic-metadata">

**Author:** [@Kanjani\_Kabir](https://discourse.threejs.org/u/Kanjani_Kabir)\
**Replies:** 0\
**Last updated:** [January 6, 2023, 10:00am UTC](https://discourse.threejs.org/t/set-child-object-property-in-relation-the-scene-rather-than-parent-object/46578 "2023-01-06T10:00:48Z")

</div>

I am creating a bookshelf and want the book to come close onClick, but because the books are added as objects to their respective shelf, this makes the book come ahead only of their separate shelves and not at the center…

---

## [Why I'm Getting unnecessary space while changing the Three Js Object Position?](https://discourse.threejs.org/t/why-im-getting-unnecessary-space-while-changing-the-three-js-object-position/46387)

<div class="topic-metadata">

**Author:** [@Sayedul\_Karim](https://discourse.threejs.org/u/Sayedul_Karim)\
**Replies:** 16\
**Last updated:** [January 1, 2023, 9:10pm UTC](https://discourse.threejs.org/t/why-im-getting-unnecessary-space-while-changing-the-three-js-object-position/46387 "2023-01-01T21:10:41Z")

</div>

While I changed the position by the “Button +1”, I got unnecessary space between these rooms. Please check here: I tried changing positions. But while I do that, it changes all the main room positions as well.

---

## [Make Camera position to zoom & center the obj file](https://discourse.threejs.org/t/make-camera-position-to-zoom-center-the-obj-file/46235)

<div class="topic-metadata">

**Author:** [@Prashant\_Tukadiya](https://discourse.threejs.org/u/Prashant_Tukadiya)\
**Replies:** 3\
**Last updated:** [December 29, 2022, 10:14pm UTC](https://discourse.threejs.org/t/make-camera-position-to-zoom-center-the-obj-file/46235 "2022-12-29T22:14:12Z")

</div>

I am new with Three jS , I have perspective camera , I need is after AddModel() is loaded , the camera should be fit the model like below → Expected output I have following code function init() { camera = new T…

---

## [Setting the location of html markers using latitude longitude from a json file](https://discourse.threejs.org/t/setting-the-location-of-html-markers-using-latitude-longitude-from-a-json-file/45944)

<div class="topic-metadata">

**Author:** [@Shange](https://discourse.threejs.org/u/Shange)\
**Replies:** 6\
**Last updated:** [December 19, 2022, 10:46am UTC](https://discourse.threejs.org/t/setting-the-location-of-html-markers-using-latitude-longitude-from-a-json-file/45944 "2022-12-19T10:46:13Z")

</div>

I’ve copied the code from Globe with markers and label: thoughts, ideas, approaches, solutions - Resources - three.js forum (threejs.org) to create my own 3d globe that displays html news widgets, I want to display the n…

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