If you're building a project where a large proportion of your DisplayObject's are off-screen (say, a side-scrolling game), you will want to cull those objects. Culling is the process of evaluating if an object (or its children!) is on the screen, and if not, turning off rendering for it. If you don't cull off-screen objects, the renderer will still draw them, even though none of their pixels end up on the screen.
PixiJS doesn't provide built-in support for viewport culling, but you can find 3rd party plugins that might fit your needs. Alternately, if you'd like to build your own culling system, simply run your objects during each tick and set renderable to false on any object that doesn't need to be drawn.
How does react-pixi handle it? Automatically or should developers deal with it manually? Or any helper function?
Thanks.
I am evaluating canvas libraries for a project. This feature would be very helpful.
Thanks for pointing out, culling is not part of this lib. This lib simply is a React wrapper for PIXI. However there are plenty of PIXI third party extensions available that support culling.
Pixi's guide talked about it in length.
How does react-pixi handle it? Automatically or should developers deal with it manually? Or any helper function?
Thanks.
I am evaluating canvas libraries for a project. This feature would be very helpful.