Visual glitch on v4 + WebGL + TilingSprite

[Michael Hoste]

Hi guys,

I developed a PixiJS rewriting of XMoto for the web : http://js.xmoto.io/ (original version is here: https://xmoto.tuxfamily.org/)

Everything works quite well, but as I want to update PixiJS version from version 3 to 4, I get a weird visual glitch using WebGL and TilingSprite (it doesn't happen on canvas2D!).

Do you have any idea why this happens? Am I the only one having this issue as TilingSprites are quite common?

Staging version on V4 is here: http://staging.xmoto.io (you should directly see the glitch).

Open Source code is here: http://github.com/michaelhoste/xmoto.js

Typical code for sky is here: https://github.com/MichaelHoste/xmoto.js/blob/master/src/level_elements/sky.coffee#L30 and here: https://github.com/MichaelHoste/xmoto.js/blob/master/src/level_elements/sky.coffee#L51

I'm running on MacOS 10.12 (Sierra) on a mid-2012 macbook pro retina.

Do you see anything obvious ? :-)

Thanks

[xerver]

Can you try this with the latest dev? I think we fixed this bug:

https://github.com/pixijs/pixi.js/wiki/FAQs#where-can-i-get-a-build

[Michael Hoste]

12 minutes ago, xerver said:

Can you try this with the latest dev? I think we fixed this bug:

https://github.com/pixijs/pixi.js/wiki/FAQs#where-can-i-get-a-build

Amazing! I tested it and it works great with the main branch.

I should have tried that before asking.

And, by the way, I had some bad WebGL performances only in Chrome when setting visible=true for many sprites on a short time. And it also seems fixed.

Great job guys!