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.

PixiJS slow on Chrome@Android devices

See original GitHub issue

Expected Behavior

Fluid animations (60fps or as near as possible to 60fps).

Current Behavior

Laggy animations on Chrome at Android devices. Tested with multiple smartphones running android with Chrome at latest version.
Works fine on PC or with Firefox on Android.

Possible Solution

Not known yet

Steps to Reproduce

Click on play button
As soon as the song stars, a sound analyser should be presented in the page
On Android Devices running Chrome, the animation is quite laggy; While on PCs or with Android Devices running Firefox, the animations shows smoothly.

Fiddle available: https://jsfiddle.net/ruanpiano/f02y9d5e/4/
Or you can check it out on production: http://intimateband.s3-website-sa-east-1.amazonaws.com/index.html

Environment

pixi.js version: 5.2.0
Browser & Version: 81.0.4044.111
OS & Version: Android 10
Running Example: https://jsfiddle.net/ruanpiano/f02y9d5e/6/ (jsFiddle) or http://intimateband.s3-website-sa-east-1.amazonaws.com/index.html (AWS S3)

Issue Analytics

State:
Created 3 years ago
Comments:7 (1 by maintainers)

Top GitHub Comments

1reaction

LeifRosscommented, Jun 9, 2020

@ivanpopelyshev I Came across this comment on complete accident, however, I did notice the same thing with a slowdown in chrome for android when debugging a few weeks back. It appears to happen when rendering anything rounded after a few seconds from init. The animation was a smooth 60FPS. however, the second something rounded was rendered on a graphic object, either a arc, a circle or a rounded rectangle, the context dropped down to 15-24FPS and started lagging. Replacing the rounded object with a regular rectangle in later tests did not trigger the lag, and rendering a rounded graphic when the animation was starting did also not trigger the lag. Nothing sort of resetting the entire context after the lag has started fixes the issue. This happens on chrome, edge and firefox on android phones, but is not triggered on android tablets. Almost feels like the context is forced into some sort of power saving mode.

0reactions

stale[bot]commented, Sep 7, 2020

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.