????????在開始之前,需要了解一下Egret項目的基本構(gòu)成。跟其他項目差不多,除去項目相關(guān)的一些配置文件,主要分為3種:ts文件:項目的源碼,圖片文件,exml文件:皮膚文件。
Egret項目啟動流程
? ?1. 讀取index.html文件,獲取項目基本配置(寬高,橫豎屏等),加載項目需要的js代碼
? ?2.代碼加載完成后,執(zhí)行egret.runEgret(),啟動項目,進(jìn)入Main文件
? ?3.加載項目需要圖片、皮膚等資源
? ?4.資源加載完畢后,將界面添加到stage中
Egret程序入口
? ??????每個Egret項目都有一個index.html文件,可以在Egret項目的根目錄找到這個文件,這是最開始的加載文件,index.html可以打開直接編輯。
? ? ? ? 打開index.html文件,以下是引擎5.0以前的結(jié)構(gòu),5.0以后的邏輯是一樣的

找到div標(biāo)簽可以看到一些配置屬性
運行配置
data-entry-class:文件類名稱。 egretProperties.json 不再需要配置這個。
data-orientation:旋轉(zhuǎn)模式。
data-scale-mode:適配模式。
data-frame-rate:幀頻數(shù)。
data-content-width:游戲內(nèi)stage寬。
data-content-height:游戲stage高。
data-show-pain-rect:是否顯示臟矩形區(qū)域。
data-multi-fingered:多指最大數(shù)量。
data-show-fps:是否顯示fps。
data-show-log:是否顯示egret.log輸出出來的信息。這些會在fps的下面顯示出來,和console.log不一樣。前提是fps必須打開。
data-log-filter:只顯示過濾的log。
data-show-fps-style:fps面板的樣式。目前只支持4種,x:0, y:0, size:30, textColor:0xffffff。
egret.runEgret()。啟動項目。
????????其中的data-entry-class,其值默認(rèn)為Main,就是指Main.ts中所定義的類Main。當(dāng)然這只是個默認(rèn)值,我們可以根據(jù)自己的喜好隨意修改,只要確保項目設(shè)定文件中的index.html屬性值所指定的類名在項目中有其類定義即可。啟動項目之后就會進(jìn)入Main文件,Main文件在src文件夾下可以找到。
????????項目開始加載的時候會去加載head標(biāo)簽中的js文件,這些文件有的是三方庫文件,有的是項目中創(chuàng)建的相關(guān)代碼比如LoadingUI.js跟Main.js。這些js加載完成之后就會運行egret.runEgret(),啟動項目,進(jìn)入Main文件。
????????進(jìn)入Main文件后,會加載項目需要的圖片,皮膚等資源,資源加載完成之后就可以加載界面到stage上了。