# PixiJS Copilot 使用指南使用 PixiJS 任务时，请遵循以下准则： ## 如何使用此技能 1. **了解任务上下文** \- 确定需要什么类型的 PixiJS 工作 2. **查找相关文档** \- 使用以下部分查找适当的参考资料 3. **应用文档** \- 阅读链接文件以获取详细信息 4. **实施解决方案** \- 使用文档中的模式和示例 ## 常见任务场景 ### 创建 PixiJS 应用程序 * 以“app.md”开头用于应用程序设置 * 参考：`app.Application.html.md` 了解 API 详细信息 * 插件：`app-1.md` (Ticker)、`app-2.md` (调整大小)、`app-3.md` (Culler) ### 使用显示对象 * 精灵： `scene-3.md` 和 `scene.Sprite.html.md` * 容器：`scene-1.md` 和 `scene.Container.html.md` * 图形：`scene-6.md` 和 `scene.Graphics.html.md` * 文本：`scene-9.md` 到 `scene-13.md` ### 处理用户输入 * 事件系统：`events.md` * 事件类型：`events.FederatedPointerEvent.html.md`、`events.FederatedMouseEvent.html.md` ### 加载资源 * 资产管理：`assets.md` * 加载：`assets.Assets.html.md` * Spritesheets：`assets.Spritesheet.html.md` ### 性能优化 * 一般提示：`core-concepts-7.md` * 渲染组：`core-concepts-3.md` * 剔除：`core-concepts-2.md` * 缓存为纹理：`scene-2.md` ### 应用过滤器 * 概述：`filters.md` * 常用滤镜：`filters.BlurFilter.html.md`、`filters.ColorMatrixFilter.html.md` ## 文档部分以下部分是从 PixiJS 文档自动生成的。每个链接都指向有关特定主题的详细信息。 #PixiJS > PixiJS 是最快、最轻量级的 Web 2D 库，可在所有设备上运行，并允许您使用 WebGL、WebGPU 和 Canvas 作为后备来创建丰富的交互式图形和跨平台应用程序。 ## 核心概念 * [架构]()：PixiJS架构的全面指南，包括其主要组件和扩展系统。 * [场景图]()：了解 PixiJS 场景图、其结构，以及如何管理父子关系、渲染顺序和剔除以获得最佳性能。 * [渲染循环]()：了解 PixiJS 渲染循环，包括它如何有效地更新场景图和渲染帧。 * [渲染组]()：了解如何在 PixiJS 中使用渲染组，通过对场景元素进行分组以实现高效的 GPU 处理来优化渲染性能。 * [渲染层]()：了解 PixiJS 渲染层以独立于逻辑层次结构控制渲染顺序。 * [环境]()：了解 PixiJS 如何适应不同的环境，如浏览器、Web Workers 和自定义执行上下文，以及如何根据您的需求进行配置。 * [垃圾收集]()：在 PixiJS 中管理 GPU 资源和垃圾收集以获得最佳性能。 * [性能技巧]()：优化 PixiJS 应用程序的性能技巧，涵盖了最大化渲染效率的一般实践和具体技术。 ## 可访问性 * [概述]()：使用 PixiJS 的内置辅助功能使您的应用程序对残障用户具有包容性。 * [AccessibilitySystem]()：辅助功能系统为 PixiJS 内容提供屏幕阅读器和键盘导航支持。 ## 应用程序 * [概述]()：使用 WebGL、WebGPU 或 Canvas 渲染、内置插件和自定义应用程序插件创建和配置 PixiJS 应用程序。 * [Ticker Plugin]()：使用 PixiJS 中的 TickerPlugin 进行渲染和帧更新。 * [Resize Plugin]()：使用 PixiJS 中的 ResizePlugin 使您的应用程序响应窗口或元素大小的变化。 * [Culler Plugin]()：使用 PixiJS 中的 CullerPlugin 跳过屏幕外对象的渲染。 * [Application]()：用于创建新 PixiJS 应用程序的便捷类。 * [CullerPlugin]()：一个 {@link Application} 插件，可自动剔除（隐藏）可见屏幕区域之外的显示对象。 * [ResizePlugin]()：用于应用程序调整大小功能的中间件。 * [TickerPlugin]()：应用程序的 {@link Ticker} 功能的中间件。 ## 资产 * [概述]()：了解如何使用 Assets API 在 PixiJS 中加载、缓存和管理资源，包括纹理、字体、精灵表以及具有格式检测和后台加载功能的包。 * [Resolver]()：了解如何使用 PixiJS 的资源解析器通过平台感知优化进行动态、多格式资源加载。 * [清单和捆绑包]()：了解如何使用清单和捆绑包管理 PixiJS 中的资源，以及如何使用 AssetPack 自动化此操作。 * [后台加载器]()：了解如何使用 PixiJS 后台加载器在后台加载资源，提高应用程序响应速度并减少加载时间。 * [压缩纹理]()：了解如何在 PixiJS 中使用压缩纹理以降低内存使用量并加快 GPU 上传速度。 * [SVGs]()：学习如何在 PixiJS 中渲染 SVG，包括将它们用作纹理或图形，并了解它们的优点和局限性。 * [Assets]()：全局 Assets 类是一个单例，用于管理 PixiJS 应用程序中所有资源的加载、缓存和卸载。 * [Spritesheet]()：用于维护对单个 Spritesheet 上纹理集合的引用的实用程序类。＃＃颜色 * [概述]()：了解如何使用 PixiJS 中的 Color 类来创建、转换和操作多种格式的颜色，包括十六进制、RGB、HSL 和 CSS 颜色名称。 * [Color]()：用于管理各种格式颜色的颜色实用程序类。 ##环境 * [概述]()：了解如何使用 DOMAdapter 系统为不同的环境（包括浏览器、Web Workers 和自定义平台）配置 PixiJS。 ## 活动 * [概述]()：了解如何使用具有冒泡、捕获和委托功能的联合事件系统在 PixiJS 中处理鼠标、触摸和指针输入。 * [EventSystem]()：PixiJS 应用程序中处理 UI 事件的系统。 * [FederatedEvent]()：PixiJS 事件系统的 DOM 兼容合成事件实现。 * [FederatedMouseEvent]()：PixiJS 应用程序中鼠标交互的专用事件类。 * [FederatedPointerEvent]()：PixiJS 应用程序中用于指针交互的专用事件类。 * [FederatedWheelEvent]()：PixiJS 应用程序中用于滚轮/滚动交互的专用事件类。 ## 扩展 * [概述]()：了解如何使用 PixiJS 扩展系统来注册、删除和创建用于渲染、资源加载等的模块化插件。 * [extensions]()：所有 PixiJS 扩展的全局注册系统。 ## 过滤器 * [概述]()：了解如何应用模糊、颜色调整、噪点、位移和自定义着色器等后处理效果来在 PixiJS 中显示对象。 * [AlphaFilter]()：最简单的过滤器 - 应用 alpha。 * [BlurFilter]()：BlurFilter 将高斯模糊应用于对象。 * [ColorBlend]()：最终颜色具有顶部颜色的色调和饱和度，同时使用底部颜色的亮度。 * [ColorBurnBlend]()：最终颜色是反转底部颜色、将该值除以顶部颜色并反转该值的结果。 * [ColorDodgeBlend]()：最终颜色是底部颜色除以顶部颜色的倒数的结果。 * [ColorMatrixFilter]()：ColorMatrixFilter 类允许您应用颜色转换以使用 5x4 矩阵显示对象。 * [DarkenBlend]()：最终颜色由每个颜色通道的最暗值组成。 * [DifferenceBlend]()：最终颜色是两种颜色中较浅的颜色减去较深的颜色的结果。 * [DisplacementFilter]()：使用精灵纹理应用置换贴图效果的过滤器。 * [DivideBlend]()：Divide 混合模式将底层的 RGB 通道值除以顶层的 RGB 通道值。 * [ExclusionBlend]()：最终颜色与difference相似，但对比度较低。 * [HardLightBlend]()：如果顶部颜色较深，则最终颜色是相乘的结果；如果顶部颜色较浅，则最终颜色是屏幕。 * [HardMixBlend]()：将混合颜色的每个颜色通道值硬定义为基色的 RGB 值。 * [LightenBlend]()：最终颜色由每个颜色通道的最亮值组成。 * [LinearBurnBlend]()：查看每个通道中的颜色信息，并通过增加两者之间的对比度使基色变暗以反映混合色。 * [LinearDodgeBlend]()：查看每个通道中的颜色信息，并通过降低两者之间的对比度来增亮基色以反映混合色。 * [LinearLightBlend]()：根据混合颜色，通过加深或减淡颜色值来增加或减少亮度。导入 `pixi.js/advanced-blend-modes` 后可用作 `container.blendMode = '线性-light'`。 * [LuminosityBlend]()：最终颜色具有顶部颜色的亮度，同时使用底部颜色的色调和饱和度。 * [NegationBlend]()：实现Negation混合模式，该模式根据亮度值创建反转效果。 * [NoiseFilter]()：向渲染内容添加可配置随机噪声的过滤器。 * [OverlayBlend]()：如果底部颜色较深，则最终颜色是相乘的结果；如果底部颜色较浅，则最终颜色是屏幕。 * [PinLightBlend]()：根据混合颜色替换颜色。 * [SaturationBlend]()：最终颜色具有顶部颜色的饱和度，同时使用底部颜色的色调和亮度。 * [SoftLightBlend]()：最终颜色与硬光类似，但更柔和。 * [SubtractBlend]()：使用每个颜色通道从基色中减去混合，导入 `pixi.js/advanced-blend-modes` 后可用作 `container.blendMode = 'subtract'`。 * [VividLightBlend]()：使比 50% 灰色暗的值变暗，使比 50% 灰色亮的值变亮，从而产生戏剧性的效果。 ## 数学 * [概述]()：了解如何使用 PixiJS 数学实用程序进行 2D 转换、几何、形状和命中测试。 * [Circle]()：Circle 对象表示二维坐标系中的圆形。 * [Ellipse]()：Ellipse 对象用于帮助绘制图形，也可用于指定容器的点击区域。 * [Matrix]()：用于 2D 转换的快速矩阵。 * [ObservablePoint]()：ObservablePoint 对象表示二维坐标系中的位置。 * [Point]()：Point对象表示二维坐标系中的位置，其中“x”表示水平轴上的位置，“y”表示垂直轴上的位置。 * [Polygon]()：通过用户定义的坐标定义形状的类。 * [矩形]()：`矩形`对象表示由其位置和尺寸定义的矩形区域。 * [RoundedRectangle](): `RoundedRectangle` 对象表示一个带有圆角的矩形。 * [Triangle]()：通过用户定义的坐标定义三角形形状的类。 * [DEG_TO_RAD]()：将度数转换为弧度的转换系数。 * [PI_2]()：两个 Pi。 * [RAD_TO_DEG]()：将弧度转换为度数的转换因子。 ## 渲染 * [概述]()：了解 PixiJS 渲染器如何使用 WebGL、WebGPU 和 Canvas 2D 绘制场景，包括渲染器选择、系统和渲染目标。 * [纹理]()：了解 PixiJS 如何处理纹理、纹理的生命周期、创建和类型，以及如何管理 GPU 资源。 * [Bounds]()：用于高效碰撞检测和剔除的轴对齐边界框 (AABB) 的表示。 * [CanvasRenderer]()：Canvas PixiJS 渲染器。 * [ExtractSystem]()：用于从渲染器导出内容的系统。 * [GenerateTextureSystem]()：管理渲染器中显示对象的纹理生成的系统。 * [Texture]()：纹理存储表示图像或图像一部分的信息。 * [WebGLRenderer]()：WebGL PixiJS 渲染器。 * [WebGPURenderer]()：WebGPU PixiJS 渲染器。 * [autoDetectRenderer]()：自动确定最适合当前环境的渲染器。＃＃场景 * [概述]()：学习如何在 PixiJS 中使用场景对象，包括容器、精灵、变换等。本指南涵盖了构建场景图的基础知识。 * [容器]()：学习如何在 PixiJS 中创建和管理容器，包括添加/删除子容器、排序和缓存为纹理。 * [缓存为纹理]()：了解如何在 PixiJS 中使用 cacheAsTexture 通过将容器缓存为纹理来优化渲染性能。了解它的好处、用法和指南。 * [Sprite]()：学习如何在 PixiJS 中创建和操作 Sprite，包括纹理更新、缩放和变换。 * [NineSlice Sprite]()：了解如何使用 PixiJS 中的 NineSliceSprite 类来创建具有保留角和边缘的可扩展 UI 元素。 * [Tiling Sprite]()：了解如何使用 PixiJS 中的 TilingSprite 类在定义的区域内高效渲染重复纹理。 * [图形]()：了解如何使用 PixiJS Graphics 创建形状、管理图形上下文以及优化项目性能。 * [图形填充]()：学习如何使用 PixiJS 中的 fill 方法用颜色、纹理和渐变填充形状，增强图形和文本渲染。 * [图形像素线]()：了解如何使用 PixiJS 图形 API 中的 PixelLine 属性来创建清晰、像素完美的线条，这些线条在缩放和变换下保持一致。 * [Text]()：学习如何使用 PixiJS 的文本渲染类 Text、BitmapText 和 HTMLText。 * [Text (Canvas)]()：了解如何使用 PixiJS 中的 Text 类将样式文本渲染为显示对象，包括动态更新和字体加载。 * [位图文本]()：了解如何在 PixiJS 中使用 BitmapText 通过预生成的纹理图集进行高性能文本渲染。 * [HTML Text]()：了解如何在 PixiJS 中使用 HTMLText 在 WebGL 画布中渲染样式化的 HTML 字符串，从而实现复杂的排版和内联格式。 * [文本样式]()：了解如何使用 PixiJS 中的 TextStyle 类来设置文本对象的样式，包括填充、描边、阴影等。 * [SplitText 和 SplitBitmapText]() * [Mesh]()：了解如何在 PixiJS v8 中创建和操作网格，包括自定义几何体、着色器和内置网格类型，例如 MeshSimple、MeshRope 和 PerspectiveMesh。 * [粒子容器]()：了解如何使用 PixiJS 中的 ParticleContainer 和 Particle 类来实现高性能粒子系统。 * [AnimatedSprite]()：AnimatedSprite 是显示由纹理列表描绘的动画的简单方法。 * [Container](): Container 是一个容纳子对象的通用显示对象。 * [Culler]()：Culler 类负责管理和剔除容器。 * [DOMContainer]()：DOMContainer 对象用于在 PixiJS 场景图中渲染 DOM 元素。 * [FillGradient]()：表示可用于填充形状和文本的渐变填充的类。 * [FillPattern]()：表示用于文本和图形填充的填充模式的类。 * [Graphics]()：Graphics 类主要用于将基本形状（例如直线、圆形和矩形）渲染到显示器上，并对它们进行着色和填充。 * [GraphicsContext]()：GraphicsContext 类允许创建包含绘制形状和路径指令的轻量级对象。 * [MeshPlane]()：渲染映射到具有可配置顶点密度的平面的纹理的网格。 * [MeshRope]()：沿着由点定义的路径渲染纹理的专用网格。 * [NineSlicePlane]()：请改用 {@link NineSliceSprite} 类。 * [NineSliceSprite]()：NineSliceSprite 允许您使用 9 切片缩放来拉伸纹理。 * [Particle]()：表示粒子容器中的单个粒子。 * [ParticleContainer]()：ParticleContainer 类是一个高度优化的容器，可以高速渲染 1000 秒或粒子。 * [PerspectiveMesh]()：一个透视网格，允许您绘制带有透视的 2d 平面。 * [RenderLayer]()：RenderLayer API 提供了一种独立于场景图中的逻辑父子关系来控制对象渲染顺序的方法。 * [Sprite](): Sprite 对象是 PixiJS 中最重要的对象之一。 * [TilingSprite]()：TilingSprite 是在给定区域渲染重复纹理的快速有效的方法。 ## 文字 * [AbstractSplitText]()：将文本拆分为单独可操作片段（线条、单词和字符）的容器，以实现高级文本效果和动画。 * [BitmapFont]()：BitmapFont 对象表示特定的字体、大小和样式。 * [BitmapText]()：BitmapText 对象使用预渲染的位图字体创建文本。 * [HTMLText]()：HTMLText 对象使用 HTML/CSS 渲染和 SVGforeignObject 创建文本。 * [HTMLTextStyle]()：由 HTMLTextSystem 呈现的 TextStyle 对象。 * [SplitBitmapText]()：将文本拆分为单独可操作片段（线条、单词和字符）的容器，以实现高级文本效果和动画。 * [SplitText]()：将文本拆分为单独可操作片段（线条、单词和字符）的容器，以实现高级文本效果和动画。 * [Text]()：一个强大的文本渲染类，可以使用 Canvas API 创建一行或多行文本。 * [TextStyle](): TextStyle 对象包含装饰 Text 对象的信息。 ## 动图 * [概述]()：了解如何使用 GifSource 和 GifSprite 在 PixiJS 中加载、显示和控制动画 GIF。 * [GifSprite]()：用于通过高级播放控制播放动画 GIF 的运行时对象。 ## 股票行情 * [概述]()：使用 PixiJS 中的 Ticker 类来运行游戏循环、动画和基于时间的更新，并具有优先级控制和 FPS 限制。 * [Ticker]()：一个运行其他对象侦听的更新循环的 Ticker 类。 ## 实用程序 * [概述]()：了解用于浏览器检测、设备功能、数据操作和画布操作的 PixiJS 实用函数。 * [Transform]()：Transform 类通过用户友好的属性（位置、缩放、旋转、倾斜和枢轴）促进 2D 变换矩阵的操作。 * [isMobile]()：检测设备是否是移动设备以及移动设备的类型。 * [path]()：用于以跨平台方式处理 URL 和文件路径的路径实用程序。 * [isWebGLSupported]()：用于检查当前环境中的 WebGL 支持的帮助程序。 * [isWebGPUSupported]()：用于检查当前环境中的 WebGPU 支持的帮助程序。 ## 迁移 * [v8 迁移指南]()：PixiJS v8 迁移指南 - 从 PixiJS v7 过渡到 v8 * [v7 迁移指南]()：PixiJS v7 迁移指南 - 从 v6 过渡到 v7 * [v6 迁移指南]()：PixiJS v6 迁移指南 - 从 PixiJS v5 过渡到 v6 * [v5 迁移指南]()：PixiJS v5 迁移指南 - 从 PixiJS v4 过渡到 v5 ## 可选 * [BackgroundLoader]()：BackgroundLoader 在后台被动处理资源加载，为将来使用做好准备。 * [Cache]()：PixiJS 应用程序中所有资源的全局缓存。 * [Loader](): Loader负责加载所有资源，例如图像、精灵表、音频文件等。 * [Resolver]()：负责解析资产 URL 到键的映射的类。 * [basisTranscoderUrls]()：Basis 转码器文件的 url。 * [ktxTranscoderUrls]()：KTX 转码器库的 URL。 * [loadBasis]()：使用 Web Worker 加载 Basis 纹理。 * [loadBitmapFont]()：用于加载位图字体的加载器插件。 * [loadDDS]()：加载 DDS 纹理。 * [loadJson](): 一个简单的加载器插件，用于加载 json 数据 * [loadKTX]()：加载 KTX 纹理。 * [loadKTX2]()：KTX2 纹理的加载解析器。 * [loadSvg]()：一个加载器插件，用于将 SVG 数据加载为纹理或图形上下文。 * [loadTextures]()：一个加载纹理的简单插件！这会利用可用的 imageBitmap。 * [loadTxt](): 一个简单的加载器插件，用于加载文本数据 * [loadVideoTextures]()：一个用于加载视频纹理的简单插件。 * [loadWebFont]()：用于处理网页字体的加载器插件 * [spritesheetAsset](): 用于加载 spritesheet 的资源扩展 * [WorkerManager]()：管理用于异步加载 ImageBitmap 对象的 Web Worker 池。 * [crossOrigin](): 设置基于检测 url 和跨域的跨域 * [setBasisTranscoderPath]()：设置 Basis 转码器路径。 * [setKTXTranscoderPath]()：设置 KTX 转码器库的路径。 * [BrowserAdapter]()：这是 {@link Adapter} 接口的实现。 * [DOMAdapter](): DOMAdapter 是一个单例，允许 PixiJS 执行 DOM 操作，例如创建画布。 * [WebWorkerAdapter]()：这是 {@link Adapter} 接口的实现。 * [自动检测环境]() * [loadEnvironmentExtensions]()：自动检测环境并加载适当的扩展。 * [EventBoundary]()：事件边界是“障碍”，来自上游场景的事件在下游传播之前被修改。 * [EventsTicker]()：此类在指针静止时间过长的情况下处理 PointerEvents 的自动触发。 * [BlurFilterPass]()：BlurFilterPass 对对象应用水平或垂直高斯模糊。 * [Filter]()：Filter 类是 Pixi.js 中使用的所有滤镜效果的基础，因为它扩展了着色器，所以需要解析一个 glProgram 以与 WebGL 一起使用，并解析一个 gpuProgram 用于 WebGPU。 * [groupD8]()：实现二面体群 D8，类似于 [group D4]{@link [http://mathworld.wolfram.com/DihedralGroupD4.html}](); D8 是相同的，但有对角线，它用于纹理旋转。 * [floatEqual]()：相对 epsilon 比较的想法是找到两个数字之间的差异，并查看它是否小于给定的 epsilon。 * [isPow2](): 检查一个数字是否是 2 的幂。 * [lineIntersection]()：计算非重合线和非平行线相交的点。 * [log2](): 计算以 2 为底的 log2 log2 的 ceil * [nextPow2]()：舍入到下一个 2 的幂。 * [segmentIntersection]()：计算非重合和非平行线段相交的点。 * [AbstractRenderer]()：PixiJS 渲染器的基类。 * [AbstractTextSystem]()：渲染器的基本系统插件，用于管理画布文本。 * [AlphaMask]()：AlphaMask 是一种使用精灵的 Alpha 通道将遮罩应用于容器的效果。 * [BackgroundSystem](): 后台系统管理主视图的背景颜色和 alpha。 * [Batch]()：批处理池用于存储当前未使用的批处理。 * [Batcher]()：批处理器用于将具有相同纹理的对象批处理在一起。 * [BatcherPipe]()：将元素批量化并将其发送到渲染器的管道。 * [BatchGeometry]()：此类表示渲染系统中用于批处理的几何体。 * [BatchTextureArray]()：由批处理程序用来构建纹理批次。 * [BindGroup]()：绑定组是绑定在一起供着色器使用的资源的集合。 * [BindGroupSystem]()：管理 WebGPU 绑定组。 * [Buffer]()：WebGPU/WebGL 缓冲区的包装器。 * [BufferImageSource]()：使用 TypedArray 或 ArrayBuffer 作为其资源的纹理源。 * [BufferResource]()：可以绑定到绑定组并在着色器中使用的资源。 * [CanvasContextSystem]()：CanvasRenderer 的 Canvas 2D 上下文系统。 * [CanvasFilterSystem]()：Canvas2D 过滤器系统，使用 CSS 过滤器字符串应用兼容的过滤器。 * [CanvasGraphicsContextSystem]()：管理 Canvas2D GraphicsContext 渲染的系统。 * [CanvasLimitsSystem]()：CanvasRenderer 的基本限制。 * [CanvasRendererTextSystem]()：渲染器的系统插件，用于管理 Canvas2D 的画布文本。 * [CanvasRenderTargetAdaptor]()：用于渲染目标的 Canvas 适配器。 * [CanvasRenderTargetSystem]()：渲染目标系统的 Canvas 适配器。 * [CanvasSource]()：使用画布作为资源的纹理源。 * [CanvasTextSystem]()：渲染器的系统插件，用于管理 GPU 渲染器的画布文本。 * [CanvasTextureSystem]()：CanvasRenderer 的纹理辅助系统。 * [ColorMask]()：ColorMask 效果允许您将颜色遮罩应用于渲染过程。 * [CompressedSource]()：使用压缩资源的纹理源，例如 Uint8Arrays 数组。 * [CubeTexture]()：可以绑定到着色器的立方体纹理（samplerCube /texture_cube）。 * [CubeTextureSource]()：表示立方体纹理（6 个面）的 {@link TextureSource}。 * [DefaultBatcher]()：默认批处理程序用于批处理四边形和网格。 * [DefaultShader]()：DefaultShader是一个专门为批量渲染而设计的着色器类。 * [ExternalSource]()：使用外部库（例如 Three.js）中的 GPU 纹理的纹理源。 * [FilterSystem]()：管理过滤器管道的系统 * [GCSystem]()：用于管理 GPU 资源的统一垃圾收集系统。 * [Geometry]()：Geometry 是一个低级对象，它用顶点和属性表示 2D 形状的结构。 * [GlBackBufferSystem]()：对于混合模式，您需要知道实际绘制到的像素。 * [GlBufferSystem]()：渲染器的系统插件，用于管理缓冲区。 * [GlColorMaskSystem]()：处理 WebGL 颜色遮罩的系统。 * [GlContextSystem]()：渲染器的系统插件，用于管理上下文 * [GlEncoderSystem]()：处理 WebGL 编码命令的系统。 * [GlGeometrySystem]()：渲染器的系统插件，用于管理几何体。 * [GlLimitsSystem]()：GpuLimitsSystem 提供有关底层 GPU 的功能和限制的信息。 * [GlobalUniformSystem]()：渲染器的系统插件，用于管理渲染器的全局制服。 * [GlProgram]()：WebGL 程序的包装器。 * [GlRenderTargetSystem]()：渲染目标系统的 WebGL 适配器。 * [GlShaderSystem]()：渲染器的系统插件，用于管理 WebGL 的着色器。 * [GlStateSystem]()：渲染器的系统插件，用于管理 WebGL 状态机 * [GlStencilSystem]()：管理模板缓冲区。 * [GlTextureSystem]()：WebGL 中管理纹理的系统。 * [GlUboSystem]()：渲染器的系统插件，用于管理统一缓冲区。 * [GlUniformGroupSystem]()：渲染器的系统插件，用于管理着色器。 * [GpuBufferSystem]()：渲染器的系统插件，用于管理缓冲区。 * [GpuColorMaskSystem]()：处理 GPU 颜色遮罩的系统。 * [GpuDeviceSystem]()：渲染器的系统插件，用于管理上下文。 * [GpuEncoderSystem]()：处理 GPU 编码命令的系统。 * [GpuLimitsSystem]()：GpuLimitsSystem 提供有关底层 GPU 的功能和限制的信息。 * [GpuProgram]()：WebGPU 程序的包装器，专门为 WebGPU 渲染器设计。 * [GpuRenderTargetSystem]()：渲染目标系统的 WebGL 适配器。 * [GpuShaderSystem]()：管理 GpuPrograms 渲染的系统。 * [GpuStateSystem]()：渲染器的系统插件，用于管理 WebGL 状态机。 * [GpuStencilSystem]()：管理模板缓冲区。 * [GpuTextureSystem]()：处理 GPU 纹理的系统。 * [GpuUboSystem]()：渲染器的系统插件，用于管理统一缓冲区。 * [GraphicsContextSystem]()：管理 GraphicsContext 渲染的系统。 * [HelloSystem]()：一个负责启动渲染器的简单系统。 * [HTMLTextSystem]()：渲染器的系统插件，用于管理 HTMLText * [ImageSource]()：使用类图像资源作为其资源的纹理源。 * [InstructionSet]()：渲染器可以执行的一组指令。 * [MaskEffectManager]()：管理遮罩到遮罩效果的转换的类。 * [PipelineSystem]()：创建和管理 GPU 管道的系统。 * [PrepareBase]()：准备系统的一部分。 * [PrepareQueue]()：准备系统的一部分。 * [PrepareSystem]()：准备系统为预渲染 DisplayObject 提供特定于渲染器的插件。 * [PrepareUpload]()：准备系统的一部分。 * [RenderableGCSystem](): RenderableGCSystem 负责清理不再使用的 GPU 资源。 * [RenderGroup]()：RenderGroup 是一个类，负责生成一组用于渲染根容器及其子容器的指令。 * [RenderTarget]()：描述渲染器渲染内容的类。 * [RenderTargetSystem]()：管理渲染目标的系统。 * [RenderTexture]()：渲染纹理，扩展`Texture`。 * [SchedulerSystem]()：SchedulerSystem 以特定的时间间隔管理计划任务。 * [ScissorMask]()：ScissorMask 是将剪刀遮罩应用于容器的效果。 * [Shader]()：Shader 类是 PixiJS 图形管道的组成部分。 * [State]()：这是一个 WebGL 状态，并传递给 {@link GlStateSystem}。 * [StencilMask]()：使用模板缓冲区来剪辑容器渲染的遮罩。 * [TextureGCSystem]()：渲染器的系统插件，用于管理 GPU 上的纹理垃圾收集，确保它不会被不再使用的纹理堵塞。 * [TextureMatrix]()：类控制从纹理法线空间到 BaseTexture 法线空间的 uv 映射。 * [TexturePoolClass]()：纹理池，由 FilterSystem 和插件使用。 * [TextureSource]()：TextureSource 存储表示图像的信息。 * [TextureStyle]()：纹理样式描述着色器应如何对纹理进行采样。 * [UboSystem]()：渲染器的系统插件，用于管理统一缓冲区。 * [UniformGroup](): Uniform 组保存制服地图和一些工作 ID `UniformGroup` 有两种模式： 1: 普通模式普通模式将根据需要上传具有单独函数调用的制服。 * [VideoSource]()：使用视频作为资源的纹理源。 * [ViewSystem]()：视图系统管理附加到 DOM 的主画布。 * [BLEND_TO_NPM](): Pixi支持的混合模式图 * [DRAW_MODES]() * [SCALE_MODES](): pixi 支持的缩放模式。 * [TexturePool](): 默认纹理池实例。 * [WRAP_MODES](): pixi 支持的换行模式。 * [fastCopy]()：从一个 ArrayBuffer 复制到另一个。 * [GraphicsPath](): `GraphicsPath` 类旨在表示由多个绘图指令组成的图形路径。 * [Mesh]()：基础网格类。 * [MeshGeometry]()：用于批处理具有相同纹理的多个网格的几何体。 * [MeshSimple]()：一个简化的网格类，提供了一种通过直接顶点控制创建和操作纹理网格的简单方法。 * [NineSliceGeometry]()：NineSliceGeometry 类允许您创建 NineSlicePlane 对象。 * [PerspectivePlaneGeometry]()：PerspectivePlaneGeometry 允许您绘制具有透视效果的 2d 平面。 * [PlaneGeometry](): PlaneGeometry 允许您绘制 2d 平面 * [RenderContainer]()：允许自定义渲染逻辑的容器。 * [RopeGeometry]()：RopeGeometry 允许您跨多个点绘制几何图形，然后操作这些点。 * [ShapePath]()：`ShapePath`类充当高级绘图命令和较低级别`GraphicsContext`渲染引擎之间的桥梁。 * [ViewContainer]()：ViewContainer 是一种表示视图的容器。 * [shapeBuilders]()：形状生成器的记录，按形状类型键入。 * [styleAttributes]()：SVG 样式属性及其默认值的映射。 * [buildGeometryFromPath]()：构建网格时，它有助于利用“GraphicsPath”中的简单 API，因为它通常可以更轻松地以更易于理解的方式定义几何图形。 * [AbstractBitmapFont]()：位图字体的抽象表示。 * [AbstractText]()：一个抽象 Text 类，Pixi 中的所有文本类型都使用。 * [BitmapFontManager]()：BitmapFontManager 是一个帮助程序，用于在 BitmapText 对象的缓存中安装和卸载字体。 * [CanvasTextMetrics]()：TextMetrics 对象表示具有指定样式的文本块的度量。 * [GifSource]()：提供给 GifSprite 实例的资源。 * [GifAsset](): 处理 GIF 图像的加载。 * [Pool]()：用于管理项目池的通用类。 * [PoolGroupClass]()：一组可用于存储不同类型对象的池。 * [ViewableBuffer]()：“ArrayBuffer”的灵活包装器，还按需提供类型化数组视图。 * [DATA_URI]()：数据 URI 的正则表达式。 * [earcut]()：多边形三角剖分库 * [formatShader]()：格式化着色器，使其更易于阅读 * [sayHello]()：打印此运行的 PixiJS 实例的版本和渲染器信息。

像素

包含技能