pixijs-application— agent skill

Use this for creating, configuring, resizing, starting, stopping, or destroying a PixiJS Application.

Fast Path

import { Application } from 'pixi.js';

const app = new Application();
await app.init({ width: 800, height: 600, background: 0x1099bb });
document.body.appendChild(app.canvas);

Rules

• v8 requires new Application() plus async await app.init(options). Do not pass options to the constructor.
• Use app.canvas, not app.view; use app.stage, app.renderer, and app.screen for the main scene.
• Use resizeTo for browser/container resizing, then rely on the resize plugin instead of manual canvas CSS hacks.
• Use app.ticker.add((ticker) => ...); read ticker.deltaTime, ticker.deltaMS, or ticker.FPS.
• Use app.destroy(rendererDestroyOptions, stageDestroyOptions). For same-tab re-init leaks or stale textures, include releaseGlobalResources: true where appropriate.
• CullerPlugin only helps when containers are marked cullable; add cullArea when bounds are expensive.
• app.domContainerRoot belongs next to app.canvas when using DOMContainer overlays.

Related Reads

• Deep application details: references/details.md
• Full ApplicationOptions: references/application-options.md
• Render loop: pixijs-ticker
• Stage and children: pixijs-scene-container
• Non-browser runtime: pixijs-environments

Common Fixes

• Constructor options in v7 style: move them into await app.init(...).
• Missing canvas: append app.canvas after init.
• Recreated app flickers: destroy renderer/stage resources before creating the next app.