Pixi Shapes not Rendering on Samsung S22 / Samsung S22 Ultra / Samsung S22+
See original GitHub issueCurrent Behavior
On Samsung S22 / Samsung S22 Ultra and Samsung S22+ Pixi Graphic Shapes (Rectangles, Circles, Polygons,…) are not rendering at all:
Expected Behavior
Pixi Shapes should render as on any other device.
Possible Solution
The only Workaround we have found, was to disable Vulkan in the Chrome settings. To do this, open “chrome://flags” in a new Tab in Chrome. Then search for Vulkan and set the dropdown to “Disabled”. After that just relaunch Chrome.
Steps to Reproduce
Just open this link on one of the mentioned devices:
https://pixijs.io/examples/#/graphics/simple.js
Environment
pixi.js
version: > 5.3.10- Browser & Version: Chrome 96
- OS & Version: Android 12
- Devices: Samsung S22 / Samsung S22 Ultra and Samsung S22+
- Running Example: url
Issue Analytics
- State:
- Created a year ago
- Reactions:4
- Comments:7 (4 by maintainers)
Top Results From Across the Web
PIXI 5 rendering issue with Samsung galaxy S22 and Chrome ...
If you are using PIXI.Graphics to draw shapes and it's not rendering. Disable webGL and use canvas instead. Not the best but it's...
Read more >Apps are buggy on my Galaxy s22 Ultra - Samsung Community
Anyone experiencing when they go to open an app and actually try using them click on things the app keeps constantly closing saying...
Read more >Galaxy S22/S22+/Ultra: How to Draw On A Picture - YouTube
Learn how you can draw on a picture on the Samsung Galaxy S22 / S22+ / S22 Ultra. Gears I use:Velbon Sherpa 200...
Read more >How to Use Snap To Shape Crop In Photo Editor - YouTube
Learn how you can use Snap to Shape crop in Photo Editor on the Samsung Galaxy S22 /S22+/ Ultra.Gears I use:Velbon Sherpa 200...
Read more >How To Draw Perfect Shapes With The S Pen - YouTube
Here's how to draw perfect shapes with the Galaxy S22 Ultra S Pen. In the notes app, the AI will recognize you're trying...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I found a workaround. When creating the PIXI.Texture.WHITE, if a single pixel is drawn after the fillRect command, it fixed the issue on the Samsung S22+ (Chrome)
https://github.com/pixijs/pixijs/blob/f07d003a78157c5caa399bd3d175fa3d32e2d58a/packages/core/src/textures/Texture.ts#L712 contet.fillRect(0,0,1,1) fixes it for me
Hi @bigtimebuddy, I’ve tested the fiddle you posted on Samsung S22 Ultra, on both Chrome and Samsung Browser. The result is the same on both of them.
Actual: