Sprite glitch with antialiasing
See original GitHub issueIn some situations a Sprite has a visible corner-to-corner glitch with antialiasing enabled. I was able to reproduce this in the playground by first drawing a full-screen sprite and then another sprite on top of it: https://www.pixiplayground.com/#/edit/Kj8yLiP9bFoPIeMvNzyYe
Expected Behavior
Drawing a Sprite on top of a previous Sprite should fully cover the old Sprite without any bleeding artifacts.
Current Behavior
I’m not sure whether the bug is visible with all display resolutions, but it is clearly visible on my QHD display. Here’s a 10x zoom of the image where the red Sprite drawn before the white Sprite is bleeding through the polygon edges in the middle:
Possible Solution
I’m not sure what is causing this. It could have something to do with all of the Sprites being drawn with the same z-value but I haven’t really investigated this any further than the repro-case in the playground.
Steps to Reproduce
See the linked playground example.
Environment
pixi.js
version: 5.2.1- Browser & Version: Chrome Version 80.0.3987.122 (Official Build) (64-bit)
- OS & Version: Windows 10 Pro
- Running Example: https://www.pixiplayground.com/#/edit/Kj8yLiP9bFoPIeMvNzyYe
- Display Card: Nvidia GTX 1650 (driver 442.19)
Issue Analytics
- State:
- Created 4 years ago
- Comments:11 (8 by maintainers)
Top GitHub Comments
Doh! I was quite surprised that this bug happens with
forceFXAA
flag as well until I went digging in PIXI code and found out that flag isn’t used anymore/yet/ever?This might be a driver issue or something weird. The problem isn’t visible on a different pc with a full hd 1920x1080 display, but when I change my resolution to that I still see it. I’ll dig into this a bit more and keep you posted if I find anything interesting.