question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Pixi Shapes not Rendering on Samsung S22 / Samsung S22 Ultra / Samsung S22+

See original GitHub issue

Current Behavior

On Samsung S22 / Samsung S22 Ultra and Samsung S22+ Pixi Graphic Shapes (Rectangles, Circles, Polygons,…) are not rendering at all:

image

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:open
  • Created a year ago
  • Reactions:4
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
drspoikcommented, May 13, 2022

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

1reaction
tsopehcommented, Sep 19, 2022

https://jsfiddle.net/bigtimebuddy/y2s9zutx/

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: Screenshot_20220919-102218_Chrome

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found