一站式HTML5游戲開發(fā)工具(EgretPro)

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

公司簡介：

北京白鷺時代信息技術有限公司（簡稱白鷺科技），作為HTML5領域的技術和服務提供商，致力于為移動互聯(lián)網(wǎng)全行業(yè)提供技術解決方案與服務。2014年2月創(chuàng)立于北京，曾先后獲得順為資本、深創(chuàng)投和經(jīng)緯創(chuàng)投等機構的多輪投資。為更好地推動HTML5游戲產(chǎn)業(yè)的全面發(fā)展，白鷺科技以技術為核心，從開發(fā)工具、游戲自研、游戲發(fā)行、廣告、開發(fā)者人才培訓等多個維度，全面打造移動游戲服務生態(tài)。

白鷺科技專注技術創(chuàng)新，攻克底層技術制約，為開發(fā)者帶來一整套游戲研發(fā)解決方案，自主研發(fā)了白鷺引擎（Egret Engine）、白鷺加速器（Egret Runtime）、骨骼動畫工具(Dragon Bones)、可視化編輯器（Egret Wing）等多款產(chǎn)品，可讓開發(fā)者簡單、高效的開發(fā)出移動游戲。

白鷺科技完整的游戲解決方案，已服務游戲、應用、營銷、教育、AR/VR等全球多元領域，應用白鷺引擎開發(fā)的游戲已登錄微信、QQ、Facebook、Line、KakaoTalk等社交平臺。目前白鷺全球活躍開發(fā)者超350000人，并與小米、360、騰訊、百度、獵豹、微軟等數(shù)百家公司達成深度合作。

軟件優(yōu)勢：

完善的2D和3D渲染引擎

EgretPro 分別支持 Egret2D 5.x 和 Egret3D 渲染器，通過EgretPro您可以輕松創(chuàng)建2D或3D游戲

可視化開發(fā)

EgretPro提供了強大的編輯器，并貫徹數(shù)據(jù)驅動開發(fā)的理念，簡化開發(fā)流程，提升開發(fā)效率。支持Windows與MacOS系統(tǒng)

原生支持對戰(zhàn)游戲

EgretPro內置了一套對戰(zhàn)引擎，是您開發(fā)聯(lián)機HTML5游戲的最佳選擇

界面使用說明：

使用起始界面

打開 Egret Pro 之后您可以看到如下界面。

起始界面有四個分頁欄，分別是 最近打開 、 新項目 、 打開項目 和 引擎管理 ，您可以根據(jù)需求進行不同的選擇。

最近打開

在這一部分您可以查看最近使用 Egret Pro 打開的項目并進行 打開項目、從目錄中刪除項目（注：該操作并不能刪除項目本地文件夾）和打開項目所在文件夾 操作。

新項目

在這一部分您可以新建 空項目 或者 示例項目。示例項目含有 Egret Pro 為開發(fā)者提供的針對引擎各個功能組件的簡單場景示例；而空項目則不包含示例場景，更適合已經(jīng)熟悉 Egret Pro 操作的開發(fā)者進行新項目的實際開發(fā)。

您在選擇紅色框內的其中一種項目模式之后，還需要選擇黃色框內項目的本地存儲路徑和引擎版本。

打開項目

在這一部分您可以使用 Egret Pro 打開本地項目倉庫。

引擎管理

在這一部分您可以查看當前 Egret Pro 引用的所有引擎的版本。

您可以選擇紅框內 Egret Pro 在安裝時為您安裝在 Egret Pro 內部的引擎進行開發(fā)，也可以選擇黃色框內的路徑使用本地引擎進行開發(fā)。

編輯器界面

完成創(chuàng)建新項目或者打開本地項目之后，您可以看到如下編輯器界面，這是 Egret Pro 目前的主要開發(fā)界面。

Egret Pro 的編輯器界面分為五個部分，分別是 頂部工具欄 、 左側游戲對象界面 、 中部編輯界面 、 右側屬性界面 和 底部資源管理器和控制臺 。

頂部工具欄

Egret Pro 編輯器的工具欄目前可以進行部分快捷操作，比如編輯操作、窗口操作和創(chuàng)建游戲對象等操作。

左側游戲對象界面

Egret Pro 編輯器的游戲對象結構為：

Root    |-- GameEntity

開發(fā)者如果需要創(chuàng)建在場景中的游戲對象，需要先選中 Root 后才能進行操作。

開發(fā)者如果需要對場景中的游戲對象進行操作，只需要單擊選中游戲對象后點擊右鍵即可進行操作。

中部編輯界面

這一部分的操作可以參考 快速開始 中的指導方法。

右側屬性界面

Egret Pro 編輯器的屬性界面提供游戲對象的各項屬性，并且支持添加、修改和刪除組件及其屬性的操作。

底部資源管理器和控制臺

Egret Pro 底部組件目前有兩個界面，一個是資源管理器，另一個是控制臺�？刂婆_可以查看游戲開發(fā)編譯過程中的反饋結果，資源管理器可以讓開發(fā)者直觀地查看項目的結構和資源結構，同時提供右鍵快捷操作的功能。

設置編輯環(huán)境

Egret Pro 推薦使用 Visual Studio Code 編輯您的項目代碼， Egret Pro 能即刻查看的編譯結果。

同時為您介紹 Egret Pro 所使用的的項目結構，以及您可能會使用到的項目設置的各項屬性。

Egret Pro 項目結構

當您使用 Visual Studio Code 打開 Egret Pro 的項目之后，您能看到如下項目結構。在 Egret Pro 的項目中，我們推薦您把所有帶代碼資源放在 src 目錄下，而所有游戲資源文件放在 resource 目錄下。

項目配置

在項目中點擊 開始 下拉菜單的 項目設置 選項，您能在右側屬性界面看到項目的全局組件及其屬性。

您可以根據(jù)您的項目開發(fā)需求設置相應的全局變量屬性，點擊列表末尾的 apply 按鈕進行保存。