Keolot Phaser Editor 2D

Keolot Phaser Editor 是一款免费的可视化 2D 网页游戏开发环境，基于开源 Phaser 引擎，并集成了 Matter JS 物理引擎。该应用程序内置了可视化创建和编辑场景、游戏对象、动画、音频和按键的功能，并支持使用 JavaScript 编写游戏逻辑，并能够连接插件和全局脚本。相比于直接使用 Phaser 库（无需可视化工具），可视化的呈现方式显著简化了游戏设计流程。

在交互式编辑器中，您可以可视化地创建设计、移动对象以及添加新对象。您可以使用鼠标或界面元素（包括缩放和坐标标尺）来导航设计。此外，您还可以可视化地添加、复制、编辑和删除以下 Phaser 游戏对象：

- 图像

- 文本

- 精灵图

- 粒子

- 视频

- 矩形

- 方块精灵

除了交互式编辑器模式外，还提供了两种游戏预览模式：

1) 当前场景预览。在其中，您可以暂停和继续游戏播放，还可以与对象交互并在检查器中实时更改其参数。在特定场景的预览模式下，您无法在游戏内部切换场景，这完全是特定场景的查看方式。此外，场景预览模式在调试物理模式下启动。

2) 游戏预览。按原样启动游戏，无法检查对象和暂停播放。

有一个控制台用于调试和查看错误。

对象检查器允许您设置游戏对象的参数（例如 X、Y 坐标、角度、不透明度、纹理、深度等），调整物理参数、粒子参数及其外观（例如寿命、频率、速度、Alpha 值等），以及调整面板中的其他属性，例如选择动画类型和音频设置。

只需在 Object Inspector 中单击一下，即可将图像和 Sprite 对象直接转换为物理 Matter 对象，并指定物理参数（例如密度、碰撞形状、碰撞类别、恢复、忽略重力等）。在脚本编辑器中，您可以创建和调整其他属性和游戏对象，就像直接在 Phaser 中操作一样，但可视化编辑器提供了您所需的一切。

开发环境支持以下预加载资源的可视化创建：

- 图片（位图：JPG、PNG、WEBP、AVIF、GIF、SVG）

- SVG（矢量图像）

- 音频（MP3、WAV、OGG、M4A）

- 字体（TTF、OTF）

- 视频（MP4、WEBM）

- 精灵表

- 图集

- 动画

- 位图字体

- JSON

- TXT

- XML

- GLSL

- TilemapTiledJSON

在场景检查器中，您可以上下移动场景、更改场景的局部背景颜色、一键设置标准物理边界，还可以为 Phaser 游戏场景的主要功能设置场景脚本：

- Init()

- Preload()

- Create()

- Update(time, delta)

您还可以为场景添加自定义脚本，例如，使用您自己的函数，该脚本将在 Init 之前添加到游戏代码中。如果您在 Custom 中编写了 Init、Preload、Create 和 Update 函数中的任何一个，它将被忽略，因为有专门的部分用于此。

在带有语法高亮的文本编辑器中，您可以编辑脚本（JS、TS）和文本文件（JSON、TXT）。文本编辑器支持基本功能，已经足够用了，但为了更方便地使用代码，建议您使用您喜欢的第三方代码编辑器来创建和编辑脚本文件。编写脚本时，请参考 Phaser 3.90 库的官方文档。

代码编辑器还包含常见情况的代码模板，例如向对象添加事件、补间动画、创建自定义物理对象、按键事件、碰撞处理等。

创建的项目可以保存、导出为 ZIP 文件，完成的游戏也可以导出为 ZIP 文件以便在浏览器中运行。