scale.x and scaleX, specificially for GSAP

[Retri]

I'm using GSAP with PIXI and if I want to tween scale and position I have to make specific tweens for each.

 

Fx.

tl.to(player_1, 0.6, {y:"+=200"}, "label");

tl.to(player_1.scale, 0.6, {y:1}, "label");

 

This forces me to make needless code, such as adding labels to make the animation sync up.

 

Is there a chance you'll add scaleX and scaleY instead/along side of scale.x and scale.y?

[xerver]

Probably not, but there is no reason you can't:

Object.defineProperties(PIXI.Sprite.prototype,
{
    scaleX:
    {
        get: function () { return this.scale.x; },
        set: function (v) { this.scale.x = v; }
    },
    scaleY:
    {
        get: function () { return this.scale.y; },
        set: function (v) { this.scale.y = v; }
    }
});

 

[Bolko]

Same problem here.

I´d love to have sprite.scale just for scaling equally, I usually don´t scale only x or only y.

so scale, scaleX and scaleY would be perfect

[xerver]

Nothing stopping anyone from pasting the code above into their project

[Retri]

Oh. That's very nice Xerver, I'll def. do that. Thanks!

[kmfdm]

Hi,

 

When i add 

 

Object.defineProperties(PIXI.Sprite.prototype, {
scaleX: {
     get: function () { return this.scale.x; },
     set: function (v) { this.scale.x = v; }
},
scaleY: {
     get: function () { return this.scale.y; },
     set: function (v) { this.scale.y = v; }
}
});

 

into the same area of the code where the getters and setters for width and height are everything works great. Just one problem and that is I would prefer to add this after the fact so that i can use the CDN version of the JS file. We are producing banners and the ad servers wont count pixiJS to or KB size if we do it this way. But im stuck i can't figure out how do to this. 

 

Any chance you could give me / us a tip.

 

Thanks

 

 

Greg

[xerver]

Just include pixi on your page before the script tag that has the code I posted. Copy-pasting the code exactly as I wrote it should be perfectly fine to add it after the fact.

You need to include the files in this order:

1) Pixi.js

2) The patch I posted

3) Your application.

[thierrymichel]

Works like a charm…

 

 

[OSUblake]

You can use scale, scaleX, and scaleY with the PixiPlugin.