Pixi.js 从入门到精通

第一部分：基础知识 - 奠定根基

第一章：PixiJS 第一步

本章是您进入 PixiJS 世界的起点。我们将深入探讨 PixiJS 的本质，了解其强大之处，并立即动手运行您的第一个基础项目。

1.1 什么是 PixiJS？“创意引擎”

首先，我们需要明确 PixiJS 的定位。它不是一个像 Unity 或 Phaser 那样的全功能游戏引擎或框架，而是一个专注于 2D 图形渲染的高性能渲染引擎。它的核心使命只有一个：以极高的效率将图像、文字和图形绘制到屏幕上。官方将其誉为“HTML5 创意引擎” (The HTML5 Creation Engine)，这恰如其分地体现了它的多功能性。PixiJS 底层构建于 WebGL 之上，并逐步支持新兴的 WebGPU 技术，这不仅保证了其未来的技术领先地位，也彰显了它对极致性能的不懈追求。

PixiJS 的核心优势在于其强大而简洁的 API，它为开发者提供了丰富的功能，包括：

• 一个强大易用的 API

• 内置的资源加载器 (Assets)

• 全面的鼠标与多点触控支持

• 灵活的文本渲染系统

• 多功能的图形与 SVG 绘制能力

• 动态纹理

• 遮罩功能

• 强大的滤镜效果

• 高级混合模式

PixiJS 不能做什