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

? 官網(wǎng)傳送門：點擊打開鏈接

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

項目目錄如下：需要關(guān)心的有兩個文件夾：launcher、src。

launcher 文件夾下面，需要關(guān)心的是 index.html文件，改文件是項目的入口。egret幫助建立的，自己可以自行修改里面內(nèi)容，只要別把加載框架的部分干掉就行。

其中必要說明的是 Id 為 gameDiv 的<div> 是游戲引擎用來操作的地方。框架會在改<div>下面自動建立一個<canvas>，然后在這上面繪制游戲界面。可以自行控制gameDiv的樣式，別刪除或者修改ID就行。launcher文件夾下面暫時沒有別的需要關(guān)注的了。

src 文件夾下面兩個文件，后綴名為ts，是typescript 文件，其實就是javascript 的一個超集而已。其中l(wèi)oadingUI.ts ,暫時也不需要關(guān)心，這個是加載網(wǎng)頁的時候讓用戶安心等待的一個提示界面。

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

標(biāo)注的兩個方法，就是egret對html所干的事情。整個hello world分析就結(jié)束了。

總結(jié)一下：

egret采用的是typescript 語言，在入口（index.html）文件里面操作 ID 為 gameDiv的標(biāo)簽（在改標(biāo)簽下面增加一個畫布<canvas>）。項目啟動交給了main.ts(改文件名字可更換)，main.ts會加載預(yù)先準備的資源，資源加載完成之后，開始繪制<canvas>里面的內(nèi)容。

總結(jié)

以上是生活随笔為你收集整理的白鹭（egret）搜素引擎入门的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。