用户界面（UI）
如何使用 React、Vue 和 PixiJS 等外部 JavaScript 框架，在 Pixi’VN 中构建和集成 UI 界面。
Pixi’VN 不提供用于创建游戏 UI 的内置组件，也不会重新发明 JavaScript 生态系统中已经存在的东西。它不会将你限制在某个特定框架中，而是让你可以使用任何你喜欢的外部 JavaScript 框架来构建 UI，从而可以利用 React、Vue 等系统，创建复杂且高性能的 UI 界面。
这种灵活性也使 Pixi’VN 非常适合 AI 辅助开发：由于 UI 是使用标准且广泛使用的框架构建的，而非专有系统，AI 编程助手已经非常熟悉这些工具，因此能够非常有效地生成、理解和修改 UI 代码。
React
将 Pixi’VN 与 React 集成，包括设置、模板和最佳 UI 库。
Vue
将 Pixi’VN 与 Vue 集成，包括设置、模板和 UI 示例。
PixiJS
使用 PixiJS 层和组件构建自定义 UI 界面，并将其与 HTML UI 结合使用。
Pixi’VN 提供了一些功能来提升与其他 JavaScript 框架的兼容性：
UI 与画布的区别
按照 Pixi’VN 的设计理念，UI 和画布是两个不同且相互独立的元素。 UI 位于画布上方，用于创建按钮、表单等。画布用于显示图片、视频等。
有关画布当前状态的所有信息都会包含在存档中，并且可以恢复到之前某一步骤的状态。 UI 的当前状态不会包含在存档中。因此，你必须自行管理，将所需信息保存到游戏存储或浏览器存储中。
在画布中，你可以在每个步骤中添加组件。在 UI 中你无法这样做，你可以创建多个“界面”并在它们之间切换。
在画布中，你只能添加 Pixi’VN 组件。在 UI 中，你可以添加任何 HTML/PixiJS 组件，或使用任何 UI 组件库，从而创建更加复杂的界面。