Pixi Plugin handle size of image

[TELLO]

Hi all,

 

I use the PIXI Plugin for some BCG pictures. How can I change the size of the image? I use it like this... but it means only the wrapper is "responsive". But the picture/image themselves is not smaller. So on small devices not nice...

 

wrapper.width = app.screen.width;
        wrapper.height = app.screen.height;
        wrapper.append(app.view);


        image = PIXI.Sprite.from(bcg);

        image.anchor.set(0.5);
        image.x = app.screen.width / 2;
        image.y = app.screen.height / 2;
        image.alpha = 0;

        $(window).resize(function () {
            image.x = app.screen.width / 2;
            image.y = app.screen.height / 2;
        });

I also tried to change as test the size of the picture direct like this:

image.width = 10;
image.height = 20;
// or
image.scale.x = 0.5;
image.scale.y = 0.5;

But no difference.

 

Any help?

 

 

 

 

 

[OSUblake]

Hi TELLO!

 

It's hard to say what's going on without seeing it, but changing the scale will definitely change the size. Changing the height or width just changes the scale.

 

As you can see here, the PixiPlugin is changing the size of the sprite.

 

See the Pen JjWqMQG by GreenSock (@GreenSock) on CodePen

 

 

[TELLO]

@os0wski Oh I did a big mistake. In your timeline i found it. I forgot my later timeline, where I scale again. So I can set and scale like hell before without result. 🤪