Web游戲開發(fā)工具(Egret Pro)

Egret Pro是一款全新的網(wǎng)頁web游戲開發(fā)系統(tǒng)。EgretPro被設(shè)計成一款可視化的游戲開發(fā)工具，支持命令行一鍵發(fā)布到 Web 與微信小游戲平臺，從此改善3D創(chuàng)作人員的編輯體驗。利用Egret Pro游戲設(shè)計師們能更好的將自己心中的想法進行實現(xiàn)，有需要的小伙伴歡迎來西西下載體驗。

軟件簡介：

EgretPro 的設(shè)計理念是，將游戲設(shè)計師（而不是游戲程序開發(fā)人員）作為游戲開發(fā)過程的的核心。通過組件實體系統(tǒng)的架構(gòu)與數(shù)據(jù)驅(qū)動開發(fā)的設(shè)計思想，EgretPro被設(shè)計成一款可視化的游戲開發(fā)工具，這使得游戲玩法開發(fā)這一過程從游戲研發(fā)直接開發(fā)轉(zhuǎn)移到了游戲設(shè)計師直接可視化配置，通過這種方式，游戲開發(fā)效率得到了很大的提升。

新版功能：

1. 支持命令行一鍵發(fā)布到 Web 與微信小游戲平臺
Egret Pro 1.1 中我們將以往繁瑣的發(fā)布命令進行了整合，目前，只需要執(zhí)行兩個命令行命令，就可以將 Egret Pro 開發(fā)的游戲發(fā)布到 Web 或微信小游戲平臺中，我們后續(xù)將加入更多平臺的支持，并完善可視化發(fā)布功能。具體命令請參見本次更新的開發(fā)者文檔。

2. 改善3D創(chuàng)作人員的編輯體驗
受益于諸多開發(fā)者提出的非常有價值的建議，我們對EgretPro的部分操作體驗進行了優(yōu)化，比如：可以在層級樹上使用 W/E/R 快捷鍵調(diào)整針對3D物體的操作模式。
在 EgretPro 1.0 版本中，如果開發(fā)者希望在層級樹中選中一個對象并修改其 Transform ，需要按照以下步驟執(zhí)行：

點擊層級樹中的對象

點擊主編輯區(qū)域，使主編輯區(qū)域獲得焦點

通過快捷鍵修改操作模式、并修改 Transform 屬性

不少開發(fā)者反饋這一點使得調(diào)整3D對象很不方便，所以在 EgretPro 1.1 版本中我們優(yōu)化了這里的操作步驟，改善了編輯體驗。

類似這種優(yōu)化在 EgretPro 1.1 中還有很多，比如：

優(yōu)化資源管理器右欄資源拖拽體驗并修復(fù)圖標閃爍的bug

優(yōu)化多項屬性檢查器樣式

調(diào)整優(yōu)化了窗口默認布局方式

修復(fù)mac系統(tǒng)下多屏窗口的顯示bug

修復(fù)mac系統(tǒng)下，關(guān)于窗口顯示異常的bug

修復(fù)mac系統(tǒng)下，子窗口快捷鍵失效的bug

修復(fù)調(diào)試窗口未關(guān)閉及mac下場景保存bug

修復(fù)資源管理器搜索框刪除按鈕在刪除所有搜索字符后失效的bug

修復(fù)資源管理器右欄icon資源讀取的bug

修復(fù)刪除image.json報錯的問題

修復(fù)屬性檢查器修改數(shù)據(jù)，但無法提交的bug

修復(fù)打開場景，但不選擇文件后報錯的bug

修復(fù)紋理配置文件被錯誤刪除的bug

2. 改善程序設(shè)計人員的開發(fā)體驗：
2.1 改善 TypeScript 代碼的 auto-import
在之前的版本中，開發(fā)者在VSCode中進行代碼編輯時，VSCode的 auto-import 機制會存在一個BUG，導(dǎo)致 import 內(nèi)容出錯
在本次更新中，通過引擎內(nèi)部機制調(diào)整，我們繞過了這個問題，使得開發(fā)者編寫代碼時的 auto-import 機制可以正確的生效，具體效果如下圖所示：

2.2 改善多人協(xié)作開發(fā)的版本控制機制
EgretPro 1.0 版本發(fā)布后，不少團隊開發(fā)者反饋 tsconfig.json 文件很容易因為不同開發(fā)者的引擎安裝路徑不一致而產(chǎn)生沖突。
本次版本更新后 , 當開發(fā)者運行任意一次構(gòu)建命令后，編譯器內(nèi)部會自動在 .egretpro/ 文件夾中添加一個名為 tsconfig.local.json 的配置文件，并將之前造成沖突的 baseUrl 與 paths 相關(guān)字段在這個文件中進行配置，并默認將這個文件夾放在gitignore 中。通過這種方式，上述沖突問題可以得到有效避免。

3. 更好的與 Egret 2D 的整合
3.1 Stage2D 適配策略優(yōu)化
在本次更新中，我們將EgretPro中的 Stage2D 組件適配策略進行了優(yōu)化處理。在使用引擎提供的適應(yīng)寬高適配策略時，2D 界面會根據(jù)屏幕的實際寬高以及用戶設(shè)定的設(shè)計分辨率進行適配的縮放。
開發(fā)者可以像 2D 工程一樣直接使用設(shè)計分辨率進行UI的制作，而不用擔心不同設(shè)備寬高比例的不同導(dǎo)致的UI差異。這個過程和 Egret2D 邏輯非常類似。

3.2 支持 EUI 發(fā)布為 JavaScript代碼
在本次更新中，我們將白鷺引擎5.x 中的 EUI 發(fā)布為 JavaScript 代碼的功能移植至了 EgretPro 中。因此從這個版本開始，您可以放心的在微信小游戲等不支持動態(tài)代碼加載方式的平臺上使用 EUI 了。
除此之外，預(yù)計在下周我們將以GPL協(xié)議發(fā)布新的 EUI 編輯器的開源版本。

4. 改善資源發(fā)布工作流
本次更新我們針對資源發(fā)布的工作流進行了統(tǒng)一的梳理，涉及到資源烘焙、資源加載API重構(gòu)、以及相關(guān)的插件擴展點。
通過這些梳理工作，開發(fā)者可以更輕松的通過擴展從而進行模型與配置文件的合并和壓縮、文件緩存等功能，并且整體機制與 Egret 原有的 AssetManager 非常相似。具體可以實現(xiàn)的功能包括：

自動合并配置文件

優(yōu)化資源尺寸

轉(zhuǎn)換資源格式

5.引入新的運行時功能
5.1 緩動函數(shù)
提供了一個底層基于 TweenMax 的緩動函數(shù)庫供開發(fā)者使用。
除了 TweenMax 的核心功能之外，我們還提供了一些函數(shù)用于直接修改游戲?qū)ο蟮?Transform 屬性以方便開發(fā)者快速實現(xiàn)緩動功能。
此外，在 EgretPro 編輯器中，當您在層級結(jié)構(gòu)樹中雙擊任意對象，均會通過一個緩動函數(shù)進行視角聚焦。

5.2 音頻功能
引入了一個新的包 @egret/audio ，其中包含了 AudioChannel 組件，通過這個組件，開發(fā)者可以在游戲中添加音 樂音效。

6.文檔完善
本次更新我們將 API 文檔的結(jié)構(gòu)進行了一些調(diào)整，將原有的每個屬性/方法作為一個頁面的方式，調(diào)整為了每個類一個頁面。通過這個調(diào)整，API 文檔變得更為簡潔、清晰。
除了完善 API 文檔之外，我們重點優(yōu)化了部分文檔，并加入了一些視頻教程（比如 Unity3D導(dǎo)出插件的使用方式）。在后續(xù)更新中我們會持續(xù)完善文檔，添加更多的視頻教程方便開發(fā)者更輕松的使用 EgretPro。

使用方法：

一、下載安裝軟件。

二、安裝完成后打開軟件，創(chuàng)建或者導(dǎo)入一個項目組。

三、創(chuàng)建完成后進入工作臺，初次編譯需要花掉一陣子時間，需要用戶等待。