1---2name: pixijs3description: Use this skill for ANY PixiJS v8 task; it routes to the right reference inside this skill. Covers the full PixiJS surface: Application setup, the scene graph (Container, Sprite, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite), rendering (WebGL/WebGPU/Canvas, render loop, custom shaders, filters, blend modes), assets, events, color, math, ticker, accessibility, performance, environments, migration from v7, and project scaffolding. Triggers on: pixi, pixi.js, pixijs, PixiJS, v8, Application, app.init, Sprite, Container, Graphics, Text, Mesh, ParticleContainer, DOMContainer, GifSprite, Assets, Ticker, renderer, WebGL, WebGPU, scene graph, filter, shader, blend mode, texture, BitmapText, create-pixi, how do I draw, how do I render, how do I animate in pixi.4license: MIT5---67Entry point for PixiJS v8. PixiJS is the fastest library available for the web, working across all devices using WebGL, WebGPU, and Canvas as fallback.89## How to use this skill10111. Find the topic in the router below that best matches the task.122. Load that reference file (or the topic's `index.md`) and follow its guidance.133. Topic folders contain an `index.md` plus deeper reference files; the `index.md` will link to siblings when you need them.144. If no topic fits (the task references a class, function, option, or API surface not listed below), **WebFetch `https://pixijs.download/release/docs/llms.txt`**. That file is the auto-generated, always-current index of the full PixiJS API and guides. Each entry links to a `.html.md` page you can WebFetch for the detailed content.1516For the long-form description and trigger keywords of every topic, see [references/index.md](references/index.md).1718## Router1920### Foundations2122| Topic | Load when... |23|---|---|24| [application](references/application/index.md) | Creating or configuring a PixiJS `Application`, calling `app.init()`, accessing `app.stage`/`renderer`/`canvas`/`screen`, resize/ticker plugins, `app.destroy()`. |25| [core-concepts](references/core-concepts/index.md) | Understanding the renderer pipeline, choosing WebGL/WebGPU/Canvas, render loop internals, systems and pipes. |26| [create](references/create.md) | Scaffolding a new project with the `create-pixi` CLI (bundler-vite, creation-web, framework-react templates). |27| [environments](references/environments.md) | Running PixiJS in Web Workers, Node/SSR, or strict-CSP contexts (`DOMAdapter`, `WebWorkerAdapter`, `pixi.js/unsafe-eval`). |28| [migration-v8](references/migration-v8.md) | Upgrading from v7 to v8 or fixing v7 patterns (`beginFill`/`endFill`, `@pixi/*` packages, `BaseTexture`, `DisplayObject`). |29| [scene-core-concepts](references/scene-core-concepts/index.md) | Understanding the scene graph as a whole: containers vs leaves, transforms, render order, masking, `RenderLayer`. |3031### Scene Objects3233| Topic | Load when... |34|---|---|35| [scene-container](references/scene-container.md) | Working with `Container`: `addChild`/`removeChild`, transforms, `zIndex`, bounds, `toGlobal`/`toLocal`, `destroy`. |36| [scene-sprite](references/scene-sprite/index.md) | Drawing images: `Sprite`, `AnimatedSprite`, `NineSliceSprite`, `TilingSprite`. |37| [scene-graphics](references/scene-graphics.md) | Drawing vector shapes or paths: `Graphics`, `GraphicsContext`, `fill`/`stroke`, `FillGradient`, SVG. |38| [scene-text](references/scene-text/index.md) | Rendering text: `Text`, `BitmapText`, `HTMLText`, `SplitText`, `TextStyle`. |39| [scene-mesh](references/scene-mesh/index.md) | Custom geometry: `Mesh`, `MeshSimple`, `MeshPlane`, `MeshRope`, `PerspectiveMesh`. |40| [scene-particle-container](references/scene-particle-container.md) | Rendering thousands of lightweight sprites: `ParticleContainer`, `Particle`, `dynamicProperties`. |41| [scene-dom-container](references/scene-dom-container.md) | Overlaying HTML elements on the canvas: `DOMContainer`, `pixi.js/dom`. |42| [scene-gif](references/scene-gif.md) | Displaying animated GIFs: `GifSprite`, `GifSource`, `pixi.js/gif`. |4344### Utilities4546| Topic | Load when... |47|---|---|48| [assets](references/assets/index.md) | Loading resources: `Assets.init`, `Assets.load`, bundles, manifests, spritesheets, caching. |49| [color](references/color.md) | Creating or converting colors: `Color` class, hex/rgb/hsl, `tint`, `premultiply`. |50| [events](references/events.md) | Handling pointer/mouse/touch/wheel input: `eventMode`, `FederatedEvent`, `hitArea`, `cursor`, drag. |51| [math](references/math.md) | Points, vectors, matrices, shapes, hit testing: `Point`, `Matrix`, `Rectangle`, `toGlobal`/`toLocal`. |52| [ticker](references/ticker.md) | Per-frame logic or controlling the render loop: `Ticker`, `deltaTime`, `UPDATE_PRIORITY`, `maxFPS`. |5354### Advanced5556| Topic | Load when... |57|---|---|58| [accessibility](references/accessibility.md) | Screen reader or keyboard navigation: `AccessibilitySystem`, `accessibleTitle`, `tabIndex`. |59| [blend-modes](references/blend-modes.md) | Compositing with blend modes: `add`, `multiply`, `screen`, `overlay`, `pixi.js/advanced-blend-modes`. |60| [custom-rendering](references/custom-rendering/index.md) | Writing custom shaders, uniforms, or batchers: `Shader.from`, `GlProgram`/`GpuProgram`, `UniformGroup`, custom `Filter`. |61| [filters](references/filters.md) | Applying visual effects: `BlurFilter`, `ColorMatrixFilter`, `DisplacementFilter`, `Filter.from`, `pixi-filters`. |62| [performance](references/performance.md) | Profiling or optimizing FPS, draw calls, GPU memory: culling, `GCSystem`, `cacheAsTexture`, object pooling. |6364## Fallback: canonical PixiJS docs6566If the task references a class, function, option, or API surface not covered by any topic above, **WebFetch `https://pixijs.download/release/docs/llms.txt`**. It's the auto-generated index of the full PixiJS API and guides, regenerated on every release. Each entry links to a `.html.md` page you can WebFetch for the detailed content. Use this fallback whenever the router doesn't point at an obvious match.
delorenj