pixi-svelte-integrator

What problem does it solve?

Coordinating and stabilizing PixiJS rendering lifecycle within Svelte apps to prevent teardown gaps, race conditions, and lifecycle mismatches.

Core Features & Use Cases

• Lifecycle bindings: create/mount Pixi app in tandem with Svelte component lifecycles, including proper destroy and cleanup.
• Resize and high-DPI handling: ensure renderer resize and DPR policy remain consistent across viewports.
• Event bridge and teardown guarantees: centralized, disposable event wiring with deterministic unsubscription on unmount.
• Use Case: When embedding a Pixi canvas into a Svelte-driven UI, this skill provides explicit lifecycle coordination and safe teardown across route changes.

Quick Start

Mount a Pixi Application inside a Svelte component and wire proper teardown on unmount.