pixijs

PixiJS v8 技能集合的入口。PixiJS 是目前适用于 Web 的最快速库，可在所有设备上运行，让你使用 WebGL、WebGPU 和作为后备方案的 Canvas 创建丰富的交互式图形和跨平台应用程序。

如何使用此技能

1. 在下方的路由表中找到最符合任务需求的专用技能。
2. 加载该技能的 SKILL.md 并遵循其中的指导。
3. 如果没有适用的子技能（任务涉及下方未列出的特定类、函数、选项或 API），请 WebFetch https://pixijs.download/release/docs/llms.txt。该文件是自动生成且始终保持最新的完整 PixiJS API 和指南索引。每个条目都链接到一个 .html.md 页面，你可以使用 WebFetch 获取详细内容。

如需查看每项技能的详细说明和触发关键词，请参阅 references/index.md。

技能路由

基础

技能	在以下情况下加载……
pixijs-application	创建或配置 PixiJS Application、调用 app.init()、访问 app.stage/renderer/canvas/screen、使用调整大小/计时器插件，或调用 app.destroy()。
pixijs-core-concepts	了解渲染器管线、选择 WebGL/WebGPU/Canvas、渲染循环内部机制、系统和管道、渲染器加载器扩展、渲染到 RenderTexture/RenderTarget（flipY、mipLevel、layer、bind/push/pop、深度）或 3D 纹理的深度切片，以及 WebGL 上下文丢失和 WebGPU 设备丢失。
pixijs-create	使用 create-pixi CLI（bundler-vite、creation-web、framework-react 模板）搭建新项目、向现有项目添加 PixiJS，或为 TypeScript 5、6 或 7 配置 tsconfig.json（moduleResolution、@webgpu/types、@types/web）。
pixijs-environments	在 Web Worker、Node/SSR 或严格的 CSP 环境（DOMAdapter、WebWorkerAdapter、pixi.js/unsafe-eval）中运行 PixiJS。
pixijs-migration-v8	从 v7 升级到 v8，或修复 v7 模式（beginFill/endFill、@pixi/* 包、BaseTexture、DisplayObject）。
pixijs-scene-core-concepts	整体了解场景图：容器与叶节点、变换、渲染顺序、遮罩、RenderLayer。

场景对象

技能	在以下情况下加载……
pixijs-scene-container	使用 Container：addChild/removeChild、变换、zIndex、边界、toGlobal/toLocal、destroy。
pixijs-scene-sprite	绘制图像：Sprite、AnimatedSprite、NineSliceSprite、TilingSprite。
pixijs-scene-graphics	绘制矢量形状或路径：Graphics、GraphicsContext、fill/stroke、FillGradient、FillPattern、textureSpace、纹理和图案填充、SVG 导入（svg()、渐变）。
pixijs-scene-text	渲染文本：Text、BitmapText、HTMLText、SplitText、TextStyle。
pixijs-scene-mesh	自定义几何体：Mesh、MeshSimple、MeshPlane、MeshRope、PerspectiveMesh。
pixijs-scene-particle-container	渲染数千个轻量级精灵：ParticleContainer、Particle、dynamicProperties。
pixijs-scene-dom-container	在画布上叠加 HTML 元素：DOMContainer、pixi.js/dom。
pixijs-scene-gif	显示动画 GIF：GifSprite、GifSource、pixi.js/gif。
pixijs-html-source	将实时 HTML/DOM 元素或快照渲染为纹理（实验性功能，需要支持 HTML-in-Canvas 规范的浏览器）：HTMLSource、ElementImageSource、pixi.js/html-source、requestPaint。

实用工具

技能	在以下情况下加载……
pixijs-assets	加载资源：Assets.init、Assets.load、包、清单、精灵表、缓存。
pixijs-color	创建或转换颜色：Color 类、hex/rgb/hsl、tint、premultiply。
pixijs-events	处理指针/鼠标/触摸/滚轮输入：eventMode、FederatedEvent、hitArea、cursor、拖动。
pixijs-math	点、向量、矩阵、形状、命中测试：Point、Matrix、Rectangle、Polygon、Triangle、strokeContains、containsRect、Matrix.decompose（镜像矩阵）、toGlobal/toLocal。
pixijs-ticker	每帧逻辑或控制渲染循环：Ticker、deltaTime、UPDATE_PRIORITY、maxFPS。

高级

技能	在以下情况下加载……
pixijs-accessibility	屏幕阅读器或键盘导航：AccessibilitySystem、accessibleTitle、tabIndex。
pixijs-blend-modes	使用混合模式进行合成：add、multiply、screen、overlay、pixi.js/advanced-blend-modes。
pixijs-custom-rendering	编写自定义着色器、uniform 或批处理器：Shader.from、GlProgram/GpuProgram、UniformGroup、自定义 Filter、WGSL override 常量、gpuLayout、TextureView、Buffer.update、TexturePool、3D/数组纹理、存储纹理、渲染包、自定义管线。
pixijs-filters	应用视觉效果：BlurFilter、ColorMatrixFilter、DisplacementFilter、Filter.from、pixi-filters。
pixijs-performance	分析或优化 FPS、绘制调用、GPU 内存：剔除、GCSystem、cacheAsTexture、对象池、瞬态 MSAA 渲染纹理、渲染包、滤镜纹理尺寸。

回退：PixiJS 官方文档

如果任务涉及上述子技能未涵盖的类、函数、选项或 API 接口，请使用 WebFetch 获取 https://pixijs.download/release/docs/llms.txt。这是自动生成的 PixiJS 完整 API 和指南索引，每次发布时都会重新生成。每个条目都链接到一个 .html.md 页面，你可以使用 WebFetch 获取详细内容。如果路由表没有指向明显匹配项，请使用此回退方案。