Rotation is applied incorrectly

[sergey_ch]

Hello. I’m trying to make a smooth character rotation by interpolating between a fixed target value and the current rotation. The problem with turning back is setting the value of Vec3 (0,180.0), the character’s eulerAngle becomes Vec3 {x: 180, y: 7.016709369310694 e-15, z: 180}. And it is not possible to simply interpolate the y-axis, the rotation is not set above 90.

[Leonidas]

Hi @sergey_ch,

Yes, that’s to be expected, the Tween library will always rotate using the shortest route. Check the following threads, contain some workarounds:

How to do an endless rotation on a single direction on one axis using tween library?

The rotation tween will take the shortest route to the target rotation meaning at best, you can get a maximum of 180 degree rotation using the tween rotation function. Either use the tween library to tween a single value from 0->360 (this would mean wrapping it in a Javascript object) and set the euler angle yourself from the tween value or just write the linear rotation loop code.

Tween rotation not going well

Hello, i want to ask, i noticed that tween function can only rotate object 0-180 degrees ? And then it turns to -180 and goes -179… 0 So i cant do tween rotation like this [image] From zero to 200. My tween is not going like i wished to : [image] Instead its going like this : [image] It doest matter how i rotate parent object it still can only rotate by 0-180 in one direction as well as -180-0 Is there any way how i can rotate straight 0-200 degrees with tween ?

[sergey_ch]

I don’t use the tween library. Here is my code

    this.rotateAngle = {
        forward: new pc.Vec3(0,180,0),
        back: new pc.Vec3(0,0,0),
        left: new pc.Vec3(0,-90,0),
        right:new pc.Vec3(0,90,0)
    }

Player.prototype.modelRotate = function(){
    const angl = this.model.getLocalEulerAngles().clone()
    const y = pc.math.lerp(angl.y, this.rotateAngle[this.currentDir].y, 0.5)
    angl.y = y
   this.model.setLocalEulerAngles(angl)
}

and it’s strange, you can see that the model tries to turn forward, but twitches and comes back.

[Leonidas]

Right, can you try using lerpAngle instead:

https://developer.playcanvas.com/en/api/pc.math.html#lerpAngle