# PixiJS Documentation for LLMs > PixiJS is the fastest, most lightweight 2D library available for the web, working across all devices and allowing you to create rich, interactive graphics and cross-platform applications using WebGL and WebGPU. This file contains links to documentation sections following the llmstxt.org standard. ## Table of Contents - [生态系统](https://pixi.nodejs.cn/8.x/guides/getting-started/ecosystem.md): 探索 PixiJS 生态系统,包括增强 PixiJS 应用的库、工具和社区驱动项目。 - [快速入门](https://pixi.nodejs.cn/8.x/guides/getting-started/quick-start.md): 快速设置 PixiJS 项目并开始创建图形和动画的分步指南。 - [架构 {#architecture}](https://pixi.nodejs.cn/8.x/guides/concepts/architecture.md): PixiJS 架构的全面指南,包括其主要组件和扩展系统。 - [环境](https://pixi.nodejs.cn/8.x/guides/concepts/environments.md): 了解 PixiJS 如何适应不同的环境,例如浏览器、Web Workers 和自定义执行上下文,以及如何根据你的需求进行配置。 - [垃圾合集](https://pixi.nodejs.cn/8.x/guides/concepts/garbage-collection.md): 在 PixiJS 中管理 GPU 资源和垃圾回收以获得最佳性能。 - [性能技巧 {#performance-tips}](https://pixi.nodejs.cn/8.x/guides/concepts/performance-tips.md): 优化 PixiJS 应用的性能技巧,涵盖最大化渲染效率的通用做法和具体技巧。 - [渲染群组 {#render-groups}](https://pixi.nodejs.cn/8.x/guides/concepts/render-groups.md): 学习如何使用 PixiJS 中的渲染组 (Render Groups) 对场景元素进行分组,从而实现高效的 GPU 处理,从而优化渲染性能。 - [渲染图层 {#render-layers}](https://pixi.nodejs.cn/8.x/guides/concepts/render-layers.md): 了解 PixiJS 渲染层,以便独立于逻辑层次结构控制渲染顺序。 - [渲染循环 {#render-loop}](https://pixi.nodejs.cn/8.x/guides/concepts/render-loop.md): 了解 PixiJS 渲染循环,包括它如何更新场景图并高效地渲染帧。 - [场景图 {#scene-graph}](https://pixi.nodejs.cn/8.x/guides/concepts/scene-graph.md): 了解 PixiJS 场景图、其结构以及如何管理父子关系、渲染顺序和剔除以获得最佳性能。 - [无障碍 {#accessibility}](https://pixi.nodejs.cn/8.x/guides/components/accessibility.md): 了解如何使用 PixiJS 的内置辅助功能,让你的应用对残障用户更具包容性。 - [颜色 {#color}](https://pixi.nodejs.cn/8.x/guides/components/color.md): 了解如何使用 PixiJS 中的 Color 类进行颜色操作,包括十六进制、RGB 和命名颜色等各种格式。 - [事件/交互 {#events--interaction}](https://pixi.nodejs.cn/8.x/guides/components/events.md): 了解如何使用 PixiJS 的事件系统处理用户交互,包括鼠标和触摸事件,以及如何自定义事件行为。 - [滤镜/混合模式 {#filters--blend-modes}](https://pixi.nodejs.cn/8.x/guides/components/filters.md): 了解如何使用 PixiJS 滤镜和混合模式在 PixiJS 应用中应用后处理效果和高级合成。 - [数学 {#math}](https://pixi.nodejs.cn/8.x/guides/components/math.md): 了解如何使用 PixiJS 数学实用程序进行 2D 变换、几何和形状操作,包括可选的高级方法。 - [纹理 {#textures}](https://pixi.nodejs.cn/8.x/guides/components/textures.md): 了解 PixiJS 如何处理纹理及其生命周期、创建和类型,包括如何有效地管理 GPU 资源。 - [股票行情指示器 {#ticker}](https://pixi.nodejs.cn/8.x/guides/components/ticker.md): 学习如何使用 PixiJS 中的 Ticker 类管理游戏循环、动画和基于时间的更新。 - [混合 PixiJS 和 Three.js {#mixing-pixijs-and-threejs}](https://pixi.nodejs.cn/8.x/guides/third-party/mixing-three-and-pixi.md): 了解如何结合 PixiJS 和 Three.js 创建同时利用 2D 和 3D 图形的动态应用。 - [v8 迁移指南 {#v8-migration-guide}](https://pixi.nodejs.cn/8.x/guides/migrations/v8.md): PixiJS v8 迁移指南 - 从 PixiJS v7 过渡到 v8 - [漏洞赏金计划 {#bug-bounty-program}](https://pixi.nodejs.cn/8.x/bug-bounty.md): ¥Bug Bounty Program - [FAQ](https://pixi.nodejs.cn/8.x/faq.md): Frequently Asked Questions about PixiJS - [剔除器插件 {#culler-plugin}](https://pixi.nodejs.cn/8.x/guides/components/application/culler-plugin.md): 了解如何使用 PixiJS 中的 CullerPlugin 跳过屏幕外的对象来优化渲染。 - [应用 {#application}](https://pixi.nodejs.cn/8.x/guides/components/application.md): 了解如何创建和配置 PixiJS 应用,包括 WebGL/WebGPU 渲染、内置插件和自定义应用插件的选项。 - [Resize 插件 {#resize-plugin}](https://pixi.nodejs.cn/8.x/guides/components/application/resize-plugin.md): 了解如何使用 PixiJS 中的 Resize 插件使你的应用能够响应窗口或元素大小的变化。 - [Ticker 插件 {#ticker-plugin}](https://pixi.nodejs.cn/8.x/guides/components/application/ticker-plugin.md): 学习如何使用 PixiJS 中的 TickerPlugin 在应用中高效渲染和更新。 - [后台加载器 {#background-loader}](https://pixi.nodejs.cn/8.x/guides/components/assets/background-loader.md): 了解如何使用 PixiJS 后台加载器在后台加载资源,从而提高应用的响应速度并减少初始加载时间。 - [压缩纹理 {#compressed-textures}](https://pixi.nodejs.cn/8.x/guides/components/assets/compressed-textures.md): 了解如何在 PixiJS 中使用压缩纹理来高效利用内存并提升 GPU 性能。 - [资源 {#assets}](https://pixi.nodejs.cn/8.x/guides/components/assets.md): 学习如何使用 Assets API 在 PixiJS 中管理和加载资源。 - [清单和 Bundle {#manifests--bundles}](https://pixi.nodejs.cn/8.x/guides/components/assets/manifest.md): 学习如何使用 Manifests 和 Bundles 在 PixiJS 中管理资源,以及如何使用 AssetPack 自动化此过程。 - [解析器 {#resolver}](https://pixi.nodejs.cn/8.x/guides/components/assets/resolver.md): 了解如何使用 PixiJS 的资源解析器进行动态、多格式资源加载,并进行平台感知优化。 - [SVG {#svgs}](https://pixi.nodejs.cn/8.x/guides/components/assets/svg.md): 学习如何在 PixiJS 中渲染 SVG,包括将其用作纹理或图形,并了解它们的优势和局限性。 - [渲染器 {#renderers}](https://pixi.nodejs.cn/8.x/guides/components/renderers.md): 了解如何使用 PixiJS 渲染器在你的应用中实现高性能 GPU 加速渲染。 - [缓存为纹理 {#cache-as-texture}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/container/cache-as-texture.md): 学习如何使用 PixiJS 中的 cacheAsTexture 将容器缓存为纹理,从而优化渲染性能。了解其优势、用法和最佳实践。 - [容器 {#container}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/container.md): 了解如何在 PixiJS 中创建和管理容器,包括添加/删除子容器、排序以及缓存为纹理。 - [图形填充 {#graphics-fill}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/graphics/graphics-fill.md): 学习如何使用 PixiJS 中的 `fill()` 方法为形状填充颜色、纹理和渐变,从而增强图形和文本渲染效果。 - [图形像素线 {#graphics-pixel-line}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/graphics/graphics-pixel-line.md): 学习如何使用 PixiJS Graphics API 中的 `pixelLine` 属性创建清晰、像素完美的线条,并在缩放和变换下保持一致。 - [图形 {#graphics}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/graphics.md): 学习如何使用 PixiJS Graphics 创建形状、管理图形上下文以及优化项目性能。 - [场景对象 {#scene-objects}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects.md): 了解如何在 PixiJS 中使用场景对象,包括容器、精灵、变换等。本指南涵盖构建场景图的基础知识。 - [网格 {#mesh}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/mesh.md): 学习如何在 PixiJS v8 中创建和操作网格,包括自定义几何体、着色器以及 MeshSimple、MeshRope 和 PerspectiveMesh 等内置网格类型。 - [九宫格精灵 {#nineslice-sprite}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/nine-slice-sprite.md): 了解如何使用 PixiJS 中的 NineSliceSprite 类创建可缩放且保留边角的 UI 元素。 - [粒子容器 {#particle-container}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/particle-container.md): 了解如何使用 PixiJS 中的 ParticleContainer 和 Particle 类实现高性能粒子系统。 - [精灵 {#sprite}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/sprite.md): 了解如何在 PixiJS 中创建和操作精灵图,包括纹理更新、缩放和变换。 - [位图文本 {#bitmap-text}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/text/bitmap.md): 学习如何在 PixiJS 中使用 BitmapText 和预生成的纹理图集进行高性能文本渲染。 - [文本(画布) {#text-canvas}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/text/canvas.md): 学习如何使用 PixiJS 中的 Text 类将带样式的文本渲染为显示对象,包括动态更新和字体加载。 - [HTML 文本 {#html-text}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/text/html.md): 学习如何在 PixiJS 中使用 HTMLText 在 WebGL 画布中渲染带样式的 HTML 字符串,从而实现复杂的排版和内联格式。 - [文本 {#text}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/text.md): 了解如何使用 PixiJS 的文本渲染类 `Text`、`BitmapText` 和 `HTMLText`。 - [SplitText 和 SplitBitmapText](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/text/split-text.md): ¥SplitText & SplitBitmapText - [文本样式 {#text-style}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/text/style.md): 学习如何使用 PixiJS 中的 TextStyle 类设置文本对象的样式,包括填充、描边、阴影等。 - [平铺精灵 {#tiling-sprite}](https://pixi.nodejs.cn/8.x/guides/components/scene-objects/tiling-sprite.md): 学习如何使用 PixiJS 中的 TilingSprite 类在指定区域内高效渲染重复纹理。 - [LLM 文档 {#documentation-for-llms}](https://pixi.nodejs.cn/8.x/llms.md): ¥Documentation for LLMs - [赞助 PixiJS {#sponsor-pixijs}](https://pixi.nodejs.cn/8.x/sponsor.md): ¥Sponsor PixiJS