PixiJS performance while idle seems bad

[ZenBlender 2]

For my game project, I've only only implemented a small amount of animation so far, but was noticing that even with my high end 16" Macbook Pro from just last year, the simplest of PixiJS applications can cause the fans to come on, even when my game is only covering 1/4 of the screen. That seems a bit odd. I looked in Activity Monitor and I see Google Chrome Helper (GPU) will be using around 16% CPU and Google Chrome Helper (Renderer) around 11%. Fans are clearly audible, which seems extreme. Besides the distracting noise, I'm concerned about battery life.

So then I simplify things as much as I can and basically have a game with just a static texture. Same CPU/GPU usage. Then I confirm that there are no animate functions attached to the ticker. Same result. I'm using react-pixi-fiber but it appears that this is not a factor since again, I'm not running any animate functions.

I've looked at some of the simplest PixiJS examples, and the same situation exists. Consider this one, which has no animation and just a click handler: https://pixijs.io/examples/#/interaction/click.js

Why does simply having this on screen cause ~16% GPU and ~11% CPU and my fans blowing air?

This one has no interactivity but is only slightly better: https://pixijs.io/examples/#/graphics/simple.js (Of course my game will have some interactivity though)

When I look at the performance profiler results, I see the ticker periodically firing, but the effect on my machine isn't inspiring.

Is there anything that can be done? I feel like I can't get to the "performance optimization" stage of development when my game is already going to be eating up battery life before I even implement anything. Sorry for the venting, but would really appreciate some help, thanks!

[b10b 215]

Perhaps run similar tests on a complex project and compare the difference to the simple project.  The performance cost / benefit may become apparent (in comparison to alternatives) the more you add to the plate?

[ZenBlender 2]

In other words, perhaps there is a default CPU/GPU hit to simply having PixiJS, but perhaps that won't worsen significantly as a lot of functionality / complexity is added?

[b10b 215]

23 minutes ago, ZenBlender said:

In other words, perhaps there is a default CPU/GPU hit to simply having PixiJS, but perhaps that won't worsen significantly as a lot of functionality / complexity is added?

That is certainly my experience - performance is often split into a fixed-component and a marginal-component that scales with complexity.  Or, we should consider that an "idle" Pixi application isn't actually idle.  I would also question whether there is something up with your rig to cause the minimum application to create an observable performance burden?  But by running the complex test and making a comparison you may be able to separate these speculations?

[themoonrat 100]

Have you tried setting transparency to true when creating the renderer? A lot of people have noted it gives a big boost to performance, for some reason, with Intel GPUs. By default it is false

[b10b 215]

5 minutes ago, themoonrat said:

Have you tried setting transparency to true when creating the renderer? A lot of people have noted it gives a big boost to performance, for some reason, with Intel GPUs. By default it is false

Interesting ... is there any reported downside to this?  For example, should we all just do this by default, regardless of whether we've personally encountered performance issues or not?

[ZenBlender 2]

Thanks, I tried enabling transparency for the renderer but it has no apparent effect on the CPU/GPU usage on my Macbook.

[themoonrat 100]

3 hours ago, b10b said:

Interesting ... is there any reported downside to this?  For example, should we all just do this by default, regardless of whether we've personally encountered performance issues or not?

No downsides that I know of, or on games I've released. 

https://github.com/pixijs/pixi.js/issues/6853 got the potential to make it true by default for pixi V6, and examples for other libs like three where a certain setting to WebGL is just slow on certain intel gpus

[ZenBlender 2]

An interesting discovery:

In my latest simple test, where I have a few objects in my scene but only one small AnimatedSprite, Safari shows ~6% CPU usage in Activity Monitor. For the exact same test but in Chrome, I see the Renderer process taking up ~12% with the GPU process taking up an additional ~12%. Has anyone else noticed big differences in CPU/GPU usage when switching browsers, or have an idea about improving Chrome specifically? I am using transparent mode, which hasn't had any performance effect in either browser.