GSAP does not work with PIXI WebGL (Pixi v4.8.7)

[Vizions]

Hello,

First time posting on this forum. 

Issue: 

I am having issues using TweenMax when rendered in WebGL with PIXI. Nothing happens at all. If I change my code to use canvas it works just fine. Is anybody having similar or the same issues? Thanks for any help. 

let app = new PIXI.autoDetectRenderer(1920, 1080);
document.body.appendChild(app.view);

let stage = new PIXI.Container();

let testGraphic = new PIXI.Graphics();

testGraphic.beginFill(0x18FF10);
testGraphic.drawRect(0, 0, 500, 500);
stage.addChild(testGraphic);

TweenMax.to(testGraphic, 1, {pixi: {alpha: 0}});

app.render(stage);

 

[ivan.popelyshev]

It should work. Please publish the demo in https://www.pixiplayground.com/#/edit , you can specify links to plugins there.

[bubamara]

should be :

TweenMax.to(testGraphic, 1, { alpha: 0 });

 

[Vizions]

Thanks for the responses here is the link to the playground:

 

https://www.pixiplayground.com/#/edit/IUF~i2xGirtSSntnn~O3d

[bubamara]

I've updated your playground:

- don't call new PIXI.autoDetectRenderer(), use new keyword only before CanvasRenderer/WebGLRenderer

- you've been missing update loop (animate), you just rendered stage once

You don't need to use PIxi Plugin for GSAP, you can tween alpha directly

[Vizions]

Thank you @bubamara. Your help is highly appreciated. 

[bubamara]

you're welcome