Fix position after scale

[gtspina]

Hi guys.

I'm trying to do a "zoom in" effect on a GUI_Object. But when scaling the image leaves the original collision field. How to keep the image centered with the collision field of the button?

 

Before click:

After click:

Code:

game.UI.ButtonInit = me.GUI_Object.extend({
    init: function (x, y, image) {
        this._super(me.GUI_Object, "init", [x, y, { image: image, }]);

        this.anchorPoint.set(0, 0);
        this.floating = false;
    },

    onClick: function () {
        this._super(me.Sprite, "scale", [.8, .8]);
    },

    update: function () {
        return true;
    },

    draw: function (renderer) {
        this._super(me.GUI_Object, "draw", [renderer]);
    }
});

 

[Parasyte]

If you are using the collision shapes for pointer events, you can create a plugin to patch me.input.globalToLocal() to apply the same scaling transformation. This won't make the debugPanel render the collision shapes scaled, but your plugin could also patch the debugPanel's draw method to apply the scaling transformation, if you needed to.

If, however, you aren't using pointer events, why would you want to scale the collision shapes at all?

[cubemoon]

I also have the same problem

The question is, why did the position of the game.UI.ButtonInit change?

[obiot]

this should be fixed in the latest dev branch (-> 5.1 to be released within a few days), here an link to the latest build :

https://melonjs-builds.s3.amazonaws.com/index.html?prefix=artifacts/master/2120/build/

make sure to also update the debugPanel to the latest version if you want to give it a try before the release :

https://github.com/melonjs/melonJS/tree/master/plugins/debug

[sistemlogikadigital]

i thinks this is still not fixed

var scale =
{
   mul : 1,
}

this.TweenScale = new me.Tween(scale).to({mul:1.01}, 500).
onUpdate(()=>{
   this.scale(scale.mul, scale.mul);
});

this.TweenScale.easing(me.Tween.Easing.Quadratic.Out);
this.TweenScale.start();

here is the result, see the big purple circle, when scaling its position changed

[sistemlogikadigital]

@obiot is there an update about this?

[obiot]

sorry man, I did not have the time on my side to look at it yet....

but if you are up to it, I'll be super happy to integrate/merge any proposition for improvements

[Dan K]

Oliver, Look at my branch push... I think that might fix this...