Bug: Sprite alpha masks broken in chrome & edge about pixijs HOT 7 CLOSED

heya, i set up this playground to apply the masks

https://www.pixiplayground.com/#/edit/EwmDuvFCs8id9JvOC4Y5b

it seems to be working ok for me in chrome? @HughEdwards1 could you verify pls? Cheers man!

from pixijs.

Hey @GoodBoyDigital

Thanks so much for having a look.
I can confirm that the playground you've made there also has the issue for me.

However I've since made a horrific discovery.
I'm hosting the initial project I encountered this issue with on the first machine, and accessing it over a local network on another mac - with similar specs. It's an OSX 11.6.4 M1... and it's rendering perfectly fine. On the same chrome version.

I'm not really sure what this says for me. Hardware issue? OS gl issue?
I'm going to restart this machine and hope that when it opens back up everything works again.

from pixijs.

...Restart unsurprisingly did not help.
Not sure where that puts this ticket.

Pain in the ass to replicate I imagine.
I'm going to update my OS on the initial machine (OSX 12.4) and see if that brings and joy.

Edit: No love after software update, still busted

from pixijs.

hey, could you try using 8.1.0? or setting the renderer to WebGL pls? I think it maaaaay be a WebGPU issue

from pixijs.

WebGL sorts the issue. At the cost of a lot of lovely performance which I've come to expect : (

from pixijs.

You know, i think there is a legit WebGPU bug somewhere in here - similar issue here #10406
Connection affecting GPU textures...

Can i ask - whats the performance difference for you? WebGL should be similar speeds? Thanks!

from pixijs.

You know, i think there is a legit WebGPU bug somewhere in here - similar issue here #10406 Connection affecting GPU textures...

Can i ask - whats the performance difference for you? WebGL should be similar speeds? Thanks!

I measured it (my actual full scale project) in a few different test cases:
Resolution 2x (webgl & webgpu) which is how it was initially set.
Then again with 1x resolution.

Then again for both resolutions after removing the alpha masks (welcome back to the original pain) because I noticed even a single large sprite was having a significant performance hit (app is 4K reso.. so at 2x reso I think the textures were just pushing some boundaries)

In almost every case the webgpu version was about twice as fast to render a frame

Edit: Within all of this - I've tried on a few different machines, on the mac though things aren't as sharp on 1x.. possibly to do with retina screens? Maybe something else for me to explore

from pixijs.