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

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

軟件簡(jiǎn)介：

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

新版功能：

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

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

點(diǎn)擊層級(jí)樹(shù)中的對(duì)象

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

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

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

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

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

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

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

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

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

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

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

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

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

修復(fù)刪除image.json報(bào)錯(cuò)的問(wèn)題

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

修復(fù)打開(kāi)場(chǎng)景，但不選擇文件后報(bào)錯(cuò)的bug

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

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

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

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

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

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

自動(dòng)合并配置文件

優(yōu)化資源尺寸

轉(zhuǎn)換資源格式

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

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

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

使用方法：

一、下載安裝軟件。

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

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