pixi.js
    Preparing search index...

    Class PrepareSystemAdvanced

    The prepare system provides renderer-specific plugins for pre-rendering DisplayObjects. This is useful for asynchronously preparing and uploading to the GPU assets, textures, graphics waiting to be displayed.

    Do not instantiate this plugin directly. It is available from the renderer.prepare property.

    import 'pixi.js/prepare';
    import { Application, Graphics } from 'pixi.js';

    // Create a new application (prepare will be auto-added to renderer)
    const app = new Application();
    await app.init();
    document.body.appendChild(app.view);

    // Don't start rendering right away
    app.stop();

    // Create a display object
    const rect = new Graphics()
    .beginFill(0x00ff00)
    .drawRect(40, 40, 200, 200);

    // Add to the stage
    app.stage.addChild(rect);

    // Don't start rendering until the graphic is uploaded to the GPU
    app.renderer.prepare.upload(app.stage, () => {
    app.start();
    });

    Hierarchy (View Summary)

    Implements

    Index

    Constructors

    Properties

    uploadsPerFrame: number = 4

    The number of uploads to process per frame

    Methods

    • Destroys the plugin, don't use after this.

      Returns void