[4.0.0-rc.5] Randomly blacked out textures at certain canvas widths and heights.

[PascalScherer]

Phaser Version 4.0.0-rc.5
Windows 11
Chrome

Unfortunately I could not reproduce this issue reliably. I mentioned it on the Discord in hopes of somebody facing the same problem. It has been observed before but it remains unclean when the problem appears. So sorry for the missing code example. Here is my message from the Discord:

"I've tested out Phaser 4 RC 5 in our project. Everything works and looks decent, but sometimes one or multiple, seemingly random, images/sprites in our scenes start to appear completely black. Depending on the size of the window after resizing, the strange behavior vanishes and/or reappears. I seems like some widths, heights, or aspect ratios work and some don't. [...]"

I wanted to open a github issue so more information about this problem can be collected in the comments. The bug accurs after some time, but has also been observed immediately in our game. In Chrome on Windows and Safari on Mac.

[BenjaminDRichards]

I'm investigating issues around resizing. While I do my own research, it would be useful to know what specific widths, heights, and aspect ratios cause this behavior for you! Both game and image sizes are useful data here.

I'd also like to know if you're using masks or any other filters. This might be relevant, from some other issues I'm looking at.

[BenjaminDRichards]

There was an issue with resizing; see #7200

That fix resolved that issue, and I'm hopeful that it fixed yours. The code is pushed if you're comfortable building Phaser from the v4.0.0 branch. Otherwise, more information or waiting for the next release will help.

I'll leave this open until we can confirm that it's resolved, or if further fixes are necessary.

[PascalScherer]

Thank you so much for reaching out!

Regarding the widths and heights: We use the "RESIZE" resize mode and a variable aspect ratio and size for our game. we put all top level components of our game into a container which we then resize to fit the screen, while our background is handeled seperately to cover the entire visible area at all ratios. Unfortunately I can see no pattern in the canvas sizes that cause the issue. I also have trouble reproducing the bug, so I cannot easily give you example values. The behavior seems very flaky. Sometimes I noticed textures would turn black when applying a hover effect like a tint or shine on the texture. We use many nested containers and masks, but the effect seems to occur on seemingly any image/sprite. I will check out if the issues are gone with the next RC. Thank you for your efforts!

[BenjaminDRichards]

Masks, tints, and shines on resizing containers would all be affected by that issue, so I'm hopeful they're resolved!