# 3D object rotate issue

**URL:** <https://discourse.threejs.org/t/3d-object-rotate-issue/82721>\
**Category:** Questions\
**Tags:** glb-model, threejs\
**Created:** [May 17, 2025, 10:55am UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721 "2025-05-17T10:55:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![sub\_xero](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sub_xero/32/59251_2.png) [@sub\_xero](https://discourse.threejs.org/u/sub_xero)\
**Post date:** [May 17, 2025, 10:55am UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/1 "2025-05-17T10:55:38Z")

</div>

Hi, i just want the 3D object to transform and rotate from small to big from its origin location. But chatgpt seems cant understand my needs, the object orbit a large circle from small to big…  
Can someone help me ☹

> **[Renders 3D scene with GLTF model - JSFiddle - Code Playground](https://jsfiddle.net/7e53wu48/)**
>
> JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle.

---

<div class="post-metadata">

**Author:** ![seanwasere](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanwasere/32/20864_2.png) [@seanwasere](https://discourse.threejs.org/u/seanwasere)\
**Post date:** [May 17, 2025, 11:38am UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/2 "2025-05-17T11:38:07Z")

</div>

Something like this?

> **[JEasing Chain](https://editor.sbcode.net/00328dd956a5010668ed69957cef48738ab0f87c)**
>
> Three.js TypeScript Tutorials by Sean Bradley : https://sbcode.net/threejs

---

<div class="post-metadata">

**Author:** ![sub\_xero](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sub_xero/32/59251_2.png) [@sub\_xero](https://discourse.threejs.org/u/sub_xero)\
**Post date:** [May 17, 2025, 11:44am UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/3 "2025-05-17T11:44:56Z")

</div>

Yes, just simple animation rotate y-axis 360 degree from small to big and stay there.

---

<div class="post-metadata">

**Author:** ![seanwasere](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanwasere/32/20864_2.png) [@seanwasere](https://discourse.threejs.org/u/seanwasere)\
**Post date:** [May 17, 2025, 3:27pm UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/4 "2025-05-17T15:27:08Z")

</div>

you problem is complicated by the fact your model is not centered.  
So what i did is open it in blender, centered it, exported it,  
and now manage position and rotation in threejs.

> **[Tiktok logo jease position and rotation](https://editor.sbcode.net/2ba5a819d15983a066e0e1486c3a85c1bf7b5937)**
>
> https://editor.sbcode.net/2ba5a819d15983a066e0e1486c3a85c1bf7b5937

---

<div class="post-metadata">

**Author:** ![vielzutun.ch](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vielzutun.ch/32/21366_2.png) [@vielzutun.ch](https://discourse.threejs.org/u/vielzutun.ch)\
**Post date:** [May 17, 2025, 4:04pm UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/5 "2025-05-17T16:04:20Z")

</div>

> [@sub\_xero](#):
>
> from small to big

Do you want to **orbit** your model along a **spiral** path, by any chance?

---

<div class="post-metadata">

**Author:** ![jrlazz](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/jrlazz/32/64383_2.png) [@jrlazz](https://discourse.threejs.org/u/jrlazz)\
**Post date:** [May 17, 2025, 5:47pm UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/6 "2025-05-17T17:47:29Z")

</div>

Hi @sub_xero …  
I changed Your glb with @seanwasere centered one in Your code…  
‘[https://cdn.jsdelivr.net/gh/Sean-Bradley/assets@main/models/tiktok-centered.glb](https://cdn.jsdelivr.net/gh/Sean-Bradley/assets@main/models/tiktok-centered.glb)’,  
(gltf) =\> {  
model = gltf.scene;

---

<div class="post-metadata">

**Author:** ![sub\_xero](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sub_xero/32/59251_2.png) [@sub\_xero](https://discourse.threejs.org/u/sub_xero)\
**Post date:** [May 17, 2025, 7:49pm UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/7 "2025-05-17T19:49:39Z")

</div>

OMG, this is exactly what I wanted! Thanks a ton!

---

<div class="post-metadata">

**Author:** ![sub\_xero](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/sub_xero/32/59251_2.png) [@sub\_xero](https://discourse.threejs.org/u/sub_xero)\
**Post date:** [May 17, 2025, 7:55pm UTC](https://discourse.threejs.org/t/3d-object-rotate-issue/82721/8 "2025-05-17T19:55:46Z")

</div>

Hi @jrlazz , Thank you so much! This had been frustrating me for so long—only now did I realize the .glb file wasn’t centered. Thanks to both of you!