架构概述

好的，既然您已经体验过构建 PixiJS 应用程序是多么容易，让我们来了解一下具体内容。在基本部分的其余部分中，我们将从高级别深入探讨详细信息。我们将从 PixiJS 是如何组合在一起的概述开始。

代码

在我们了解代码布局之前，让我们先来讨论代码存放的位置。PixiJS 是托管在 GitHub 上的一个开源产品。与任何 GitHub 存储库一样，您可以浏览和下载每个 PixiJS 类别的原始源文件，还可以搜索现有问题和错误，甚至提交您自己的问题和错误。PixiJS 是用一种称为 TypeScript 的 JavaScript 变体编写的，它可以通过预编译步骤在 JavaScript 中启用类型检查。

组件

以下是构成 PixiJS 的主要组件列表。请注意，此列表并非详尽无遗。此外，不要过分担心每个组件的工作原理。我们的目标是让您了解引擎的基本原理，以便我们开始探索引擎。

主要组件

组件	说明
渲染器	PixiJS 系统的核心是渲染器，它显示场景图并将其绘制到屏幕上。PixiJS 会自动确定是否在底层为您提供 WebGPU 或 WebGL 渲染器。
容器	创建场景图（即要显示的可渲染对象的树，如精灵、图像和文本）的主场景对象。有关详细信息，请参阅 场景图。
资源	资源系统提供了用于异步加载图像和音频文件等资源的工具。
计时器	计时器提供基于时钟的周期性回调。通常，您的游戏更新逻辑每帧运行一次以响应时钟。一次可以使用多个计时器。
应用程序	应用程序是一个简单的帮助器，它将加载器、计时器和渲染器包装到一个便捷且易于使用的对象中。非常适合快速入门、建模原型和构建简单项目。
事件	PixiJS 支持基于指针的交互操作，比如使对象可点击、发送悬停事件等。
辅助功能	贯穿我们的显示系统的是一套用于实现键盘和屏幕阅读器辅助功能的丰富工具。