白鷺（egret）搜素引擎入門，白鷺egret

白鷺（egret）搜素引擎入門，白鷺egret

《圍住神經貓》的一夜躥紅，讓一個h5遊戲引擎也跟著火熱起來了——egret。

  官網傳送門：點擊開啟連結

安裝和helloworld的demo官網給了很簡明易懂的文檔，這裡就不囉嗦。不過官網給的helloworld的demo的背景圖片，實在沒法不讓人不吐槽。

項目目錄如下：需要關心的有兩個檔案夾：launcher、src。

launcher 檔案夾下面，需要關心的是 index.html檔案，改檔案是項目的入口。egret協助建立的，自己可以自行修改裡面內容，只要別把載入架構的部分幹掉就行。

其中必要說明的是 Id 為 gameDiv 的<div> 是遊戲引擎用來操作的地方。架構會在改<div>下面自動建立一個<canvas>，然後在這上面繪製遊戲介面。可以自行控制gameDiv的樣式，別刪除或者修改ID就行。launcher檔案夾下面暫時沒有別的需要關注的了。

src 檔案夾下面兩個檔案，尾碼名為ts，是typescript 檔案，其實就是javascript 的一個超集而已。其中loadingUI.ts ,暫時也不需要關心，這個是載入網頁的時候讓使用者安心等待的一個提示介面。

好了下面就是最重要的Main.ts

標註的兩個方法，就是egret對html所乾的事情。整個hello world分析就結束了。

總結一下：

egret採用的是typescript 語言，在入口（index.html）檔案裡面操作 ID 為 gameDiv的標籤（在改標籤下面增加一個畫布<canvas>）。項目啟動交給了main.ts(改檔案名稱字可更換)，main.ts會載入預先準備的資源，資源載入完成之後，開始繪製<canvas>裡面的內容。