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 文件以便在瀏覽器中運行。