序言 ​

为什么要学习 PixiJS 源码？ ​

PixiJS 是目前最流行的 HTML5 2D 渲染引擎之一，被 Google、Disney、Adobe、HBO 等众多知名企业用于游戏、可视化和交互式应用开发。它以极致的性能和优雅的 API 设计著称，是学习现代 Web 图形编程的绝佳范本。

深入 PixiJS 源码，你将收获：

• 渲染引擎架构设计：理解场景图、渲染管线、批处理等核心概念
• WebGL/WebGPU 实战：看到 GPU 编程在实际项目中的应用
• 性能优化技巧：学习 Batch、Culling、纹理管理等优化策略
• 设计模式实践：观察扩展系统、插件机制、观察者模式的巧妙运用

PixiJS v8 的革新 ​

PixiJS v8 是一次重大更新，带来了许多激动人心的变化：

• WebGPU 支持：拥抱下一代 Web 图形 API
• 统一渲染架构：WebGL 和 WebGPU 共享相同的上层抽象
• 全新 TypeScript 重写：更好的类型安全和开发体验
• 改进的场景图：更高效的 Transform 和 Bounds 计算
• 现代化构建：ES Module 原生支持，更好的 Tree Shaking

本书的特点 ​

源码级深度 ​

本书不是 PixiJS 使用教程，而是深入引擎内部，带你理解"为什么这样设计"和"如何实现"。每个章节都会结合源码，分析核心逻辑。

图形学视角 ​

假设读者有一定图形学基础，我们会从渲染管线、矩阵变换、纹理映射等专业角度来解读 PixiJS 的实现。

实战导向 ​

每个概念都配有可运行的代码示例，最后还有构建迷你渲染器的实战项目，帮助你将知识转化为实践能力。

本书结构 ​

本书共 22 个部分，130 个章节，全面深入地覆盖 PixiJS v8 的核心实现：

阅读建议 ​

1. 按部分阅读：前四部分是核心基础，建议按顺序阅读
2. 结合源码：阅读时打开 PixiJS 源码对照理解
3. 动手实践：运行示例代码，修改参数观察效果
4. 跳读参考：后续部分可根据兴趣选择性阅读

源码版本 ​

本书基于 PixiJS v8.14.3 编写，所有源码分析均以此版本为准。PixiJS 仍在持续更新，部分细节可能有所变化，但核心设计理念保持稳定。

让我们开始这段探索 PixiJS 内部世界的旅程吧！