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

? 官網傳送門：點擊打開鏈接

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

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

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

其中必要說明的是 Id 為 gameDiv 的<div> 是游戲引擎用來操作的地方?？蚣軙诟?lt;div>下面自動建立一個<canvas>，然后在這上面繪制游戲界面?？梢宰孕锌刂苂ameDiv的樣式，別刪除或者修改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>里面的內容。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。