pixijs-migration-v8

Migrate PixiJS v7 code to v8 with replacement patterns for deprecated APIs.

16|8|Updated May 20, 2020
One-click install
npx skills add https://github.com/encounterplus/web-client --skill pixijs-migration-v8-encounterplus
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pixijs-migration-v8
Source: https://github.com/encounterplus/web-client/tree/main/.agents/skills/pixijs-migration-v8
Command: npx skills add https://github.com/encounterplus/web-client --skill pixijs-migration-v8-encounterplus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents broken rendering and runtime errors when upgrading a PixiJS v7 codebase to PixiJS v8 by turning the upgrade into a concrete, checklist-driven porting workflow.

Core Features & Use Cases

  • Upgrade checklist by breaking-change category: Covers async app.init, single pixi.js package imports, and the required v8 replacement patterns for common v7 APIs.
  • Code pattern replacements that target real failures: Includes Graphics shape-then-fill, eventMode migration, ticker callback signature changes, shader/filter constructor and typed uniform requirements, and texture lifecycle updates.
  • Safety-focused validation guidance: Highlights critical migration mistakes (deprecated @pixi/* imports, DisplayObject base class removal, and incorrect ticker delta handling) and what to do instead.

Quick Start

Use the pixijs-migration-v8 skill to systematically replace your v7 PixiJS patterns with v8 equivalents until the application boots and renders correctly.

Frequently Asked Questions about pixijs-migration-v8

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate PixiJS v7 to v8 without breaking rendering?

Migrate PixiJS v7 to v8 by following a checklist-driven workflow: adopt async app.init, replace deprecated @pixi/* imports with single-package pixi.js imports, and update constructor options to resolve breaking changes and prevent broken rendering.

Why are my PixiJS Graphics shapes broken after upgrading to v8?

PixiJS Graphics shapes break after upgrading to v8 due to required pattern replacements. You must update Graphics shape-then-fill syntax and apply updated constructor and options-object patterns to achieve correct rendering behavior.

Do I need async initialization for PixiJS v8 Application?

Yes, async Application initialization is required in PixiJS v8. You must await the app.init process instead of using synchronous constructors to properly establish the rendering context and avoid runtime startup failures.

How do I handle eventMode and ticker changes in PixiJS v8?

Handle eventMode and ticker changes in PixiJS v8 by applying corrected event handling semantics and fixing ticker callback signature changes, including proper delta handling, to resolve runtime issues after the upgrade.

What are the limitations when upgrading deprecated @pixi/* imports in v8?

A key limitation when upgrading is that deprecated @pixi/* imports must be replaced with single-package import rules. Additionally, the DisplayObject base class removal requires updating inheritance patterns to avoid critical migration failures.

How do I update shader uniforms and textures for PixiJS v8?

Update shader uniforms and textures for PixiJS v8 by enforcing typed shader uniform requirements, applying updated filter constructor patterns, and correcting texture lifecycle updates to prevent visual and runtime errors.