pixi.js
    Preparing search index...

    Interface OnRenderMixinAdvanced

    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.

    interface OnRenderMixin {
        onRender: (renderer: Renderer) => void;
    }

    Hierarchy

    • Required<OnRenderMixinConstructor>
      • OnRenderMixin
    Index

    Properties

    Properties

    onRender: (renderer: Renderer) => void

    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

    Type declaration

      • (renderer: Renderer): void
      • Parameters

        • renderer: Renderer

          The renderer instance

        Returns void

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

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

    Renderer For renderer capabilities