Weird xyz rotation using QuaternionKeyframeTrack

[Robert_Svebeck]

I have a weird animation going on in my scene that I don’t understand how to fix…

Animation is created using a QuaternionKeyframeTrack.

The animation works great as long as I only rotate around one of each axis (x,y or z), but if I rotate around 2 or 3 axis it gets really weird. The effect seems to be that the object is growing.

const zAxis = new THREE.Vector3(1, 1, 1); // Super Weird animation

const zAxis = new THREE.Vector3(1, 0, 0); // Works great.

CodePen showing the problem available here

Thanks for your help,

Robert

[Mugen87]

The codepen is empty.

@Robert_Svebeck

const zAxis = new THREE.Vector3(1, 1, 1); // Super Weird animation

This is no valid axis vector since it has no unit length. Try it with zAxis.normalize();.

[Robert_Svebeck]

CodePen must have been bad linked.

[Robert_Svebeck]

@Mugen87

zAxis.normalize()

Normalizing worked. Thanks