Redraw only when needed

[aweston5]

Is there a way to have Pixi only redraw as needed?

For example, in the RenderTexture sample, the GPU is at 20% but nothing is moving.
http://pixijs.github.io/examples/index.html?s=basics&f=render-texture.js 

Can I tell items not to redraw if they are idle?  Or how can I implement a "needsUpdate" flag?

In my app, the screen does not change frequently, and it sits idle on a big screen for long periods of time.
Over time the machine heats up and the fan kicks in with the GPU so high, in my case over 50%.

I have looked at the requestAnimationFrame loop, and I need this because I do want to animate sometimes ... just wondering where can I hook in to Pixi to improve this.

Thanks
--Andy

 

 

 

[xerver]

PIXI only draws when you tell it to. When you call .render(), if you don't want it to draw don't call .render().

 

If you use a render texture, and you don't want it to update. Don't call render() on it.

[ivan.popelyshev]

Separate game into front and back canvases, redraw back with CanvasRenderer only if scrolling happened. I did it for https://github.com/ivanpopelyshev/railways , and it works good on mobiles.

[aweston5]

Ok, thanks for the replies, I see now that render(stage) does everything, so I'll need to break that up and only render what is needed.

I do have a background stage area that I can separate out into a layer too.

[Megabyte]

I just pass throught same question, in pixi4 its necessary to call .stop() method to disable auto rendering firstly.

[xerver]

11 minutes ago, Megabyte said:

I just pass throught same question, in pixi4 its necessary to call .stop() method to disable auto rendering firstly.

I assume you mean if you are using PIXI.Application. You can also pass { autoStart: false } to prevent it from starting the internal ticker.