# Rotating 1 part of a 3d model and giving orbital control

**URL:** <https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542>\
**Category:** Questions\
**Tags:** gltf-loader, orbit-controls, camera, orbitcontrols, animation, geometry\
**Created:** [June 7, 2024, 9:37am UTC](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542 "2024-06-07T09:37:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MOHAMMED\_HUZAIF\_AHMED](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mohammed_huzaif_ahmed/32/37254_2.png) [@MOHAMMED\_HUZAIF\_AHMED](https://discourse.threejs.org/u/MOHAMMED_HUZAIF_AHMED)\
**Post date:** [June 7, 2024, 9:37am UTC](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542/1 "2024-06-07T09:37:33Z")

</div>

currently i have a model

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/9/3/93276698ff1f657cba78a721c20b25f9d7d21e5f.png)  
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 have orbital control(use should be able to rotate them in their place) . can i achieve this ???

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [June 7, 2024, 12:56pm UTC](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542/2 "2024-06-07T12:56:58Z")

</div>

Yes, but not with OrbitControls - OrbitControls control the camera, not the target (by rotating the camera, you rotate everything.)

Are you using vanilla three.js or react-three-fiber?

---

<div class="post-metadata">

**Author:** ![MOHAMMED\_HUZAIF\_AHMED](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mohammed_huzaif_ahmed/32/37254_2.png) [@MOHAMMED\_HUZAIF\_AHMED](https://discourse.threejs.org/u/MOHAMMED_HUZAIF_AHMED)\
**Post date:** [June 7, 2024, 4:29pm UTC](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542/3 "2024-06-07T16:29:30Z")

</div>

I am using react three fiber . can you explain some more

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [June 8, 2024, 8:00pm UTC](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542/4 "2024-06-08T20:00:31Z")

</div>

In that case I’d remove the orbit controls entirely and instead bind `onPointerMove` events to the models - whenever user presses down and drags on the model, calculate deltaX and rotate the model appropriately.

---

<div class="post-metadata">

**Author:** ![MOHAMMED\_HUZAIF\_AHMED](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mohammed_huzaif_ahmed/32/37254_2.png) [@MOHAMMED\_HUZAIF\_AHMED](https://discourse.threejs.org/u/MOHAMMED_HUZAIF_AHMED)\
**Post date:** [June 10, 2024, 8:39am UTC](https://discourse.threejs.org/t/rotating-1-part-of-a-3d-model-and-giving-orbital-control/66542/5 "2024-06-10T08:39:29Z")

</div>

Oh got it . thanks for the help. i will try ot implement it.