ThreeJS - rotation around object's own axis

Question

I'm trying to rotate object around it's own axis, but nothing want to work. I tried all of functions from documentation, Euler's one, etc. But it just don't want to rotate at all.

Community · Accepted Answer · 2017-05-23 12:10:08Z

0

You can rotate an object on its own (local) axis by using a pattern like this one:

var axis = new THREE.Vector3( x, y, z ).normalize(); // create once and reuse it

object.rotateOnAxis( axis, radians );

Make sure the axis has length 1.

Additional convenience methods are

object.rotateX( radians );
object.rotateY( radians );
object.rotateZ( radians );

If you want to rotate the object around a world axis, see this answer.

three.js r.85

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered May 14, 2017 at 15:06

WestLangley

105k11 gold badges288 silver badges285 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alberto Piras · Accepted Answer · 2019-05-16 14:45:50Z

0

Maybe I can help you: You can rotate an object independently from the rest of the scene using this library https://github.com/albertopiras/threeJS-object-controls.

var controls = new THREE.ObjectControls(camera, renderer.domElement, yourMesh);

here a live demo https://albertopiras.github.io/threeJS-object-controls/

answered May 16, 2019 at 14:45

Alberto Piras

5377 silver badges8 bronze badges

Collectives™ on Stack Overflow

ThreeJS - rotation around object's own axis

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related