How do I tween the rotation

[geleto]

I could probably mess with currentTransform from update(), but is there a better way to tween a sprite rotation?

[geleto]

... I've found a solution:

game.RotatableEntity = me.Entity.extend({

    init: function(x, y, sprite) {

        this._super(me.Entity, "init", [x, y, {

            width: sprite.width,

            height: sprite.height

        }]);

        this.renderable = sprite;

        this.currentAngle = 0;

        this.prevAngle = 0;

    },

    update: function() {

        this.renderable.currentTransform.rotate(this.currentAngle-this.prevAngle);

        this.prevAngle = this.currentAngle;

        return true;

    }

});

[obiot]

that's exactly what I do as well in one of my project, but in my case I pass an increment delta angle so that the object keep spinning (I just need then to negate the value if I want to reverse the rotation)

If you want to tween it, then you can either change the delta angle value passed to rotate, or change the target angle in your case.

[Parasyte]

The me.Tween class provides a callback that is called with a delta on each frame. The delta can be passed directly to the rotate method; no need to manage state on the class at all.

[obiot]

indeed, I never think to use that one to be honest.... and admittedly, the documentation is not super clear as well about it :

http://melonjs.github.io/melonJS/docs/me.Tween.html#onUpdate

[Parasyte]

I used it in Neverwell Moor for the intro scrolling: https://github.com/blipjoy/nm-prototype/blob/gh-pages/js/objects/screens.js#L357-L384

[geleto]

I don't get the delta in the callback. It seems to pass the current tween value in the 0-1 range except that for InOut easing, when reaching 1, instead of tweening back to 0 - it starts incrementing from 0.

Here's a fiddle: https://jsfiddle.net/o8dpLngw/1/

...onUpdate(
    function(val){
        console.log( logo.currentAngle, val*maxAngle, (1-val)*maxAngle)
    }
)...