Defined in: node_modules/pixi.js/lib/scene/container/container-mixins/onRenderMixin.d.ts:34

The OnRenderMixin interface provides a way to define a callback that is executed every time the container is rendered. This is useful for adding custom rendering logic or animations that need to be updated each frame.

Advanced

Extends

Required<OnRenderMixinConstructor>

Properties

onRender

> onRender: ((renderer) => void) | null

Defined in: node_modules/pixi.js/lib/scene/container/container-mixins/onRenderMixin.d.ts:25

This callback is used when the container is rendered. It runs every frame during the render process, making it ideal for per-frame updates and animations.

> [!NOTE] In v7 many users used updateTransform for this, however the way v8 renders objects is different > and "updateTransform" is no longer called every frame

Example

// Basic rotation animation
const container = new Container();
container.onRender = () => {
    container.rotation += 0.01;
};

// Cleanup when done
container.onRender = null; // Removes callback

Param

The renderer instance

See

Renderer For renderer capabilities

Inherited from

OnRenderMixinConstructor.onRender

Interface: OnRenderMixin