Egret Engine 2D - 項目配置

 
todo
看三個示例項目的完整源碼和資源
 
 
<e:Group name="Button" height = "300" verticalCenter="0" horizontalCenter="0">
            <e:layout>
                <e:VerticalLayout gap="0" horizontalAlign="center" verticalAlign ="middle"/>
            </e:layout>
 
lagout是VerticalLayout表示Group裏元素總體是垂直方向佈局
而裏面的參數
gap 表示垂直間距
horizontalAlign 表示總體水平方向的對齊方式 值有 left center right
verticalAlign 表示總體垂直方向的對齊方式 值有 top middle bottom
命令行手冊 egret create ProName --type game|eui|gui|game
 
建立第三方庫項目
egret create_lib LibName
 
從h5遊戲生成app
egret create_app app_name -f h5_game_path -t template_path
 
構建指定項目
egret build [project_name] [-e] [--runtime native]
 
發佈項目
egret publish [project_name] [--version [version]] [--runtime html5|native] [--passWorld]
 
啓動HttpServer,並在默認瀏覽器中打開指定項目
egret startserver [project_name] [--port 3000] [-ip] [-serveronly]
 
重置項目中的引擎代碼
egret clean [project_name]
 
升級項目代碼
egret upgrade [project_name]
編譯引擎源碼
egret make
版本升級後檢測api是否已經替換完成
egret apitest [project_name]
得到Egret信息
egret info
入口文件說明
自定義所須要加入的其餘的第三方庫的文件。須要填寫 egret=」lib」 以及 src-release。在這個塊中script不會被自動替換以及清理。切記不要把這種使用方式的文件放在 libs/modules 下。
全部放在 libs 目錄下面的文件,以 ts 做爲擴展名的文件只能是  .d.ts(如 a.d.ts)文件,不能有純 ts 文件(如 a.ts)。
 
  • - data-show-pain-rect:是否顯示髒矩形區域。
  • - data-multi-fingered:多指最大數量。
  • - 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() 啓動項目
template
debug用 debug裏的
publish用 web裏的
egretProperties
native
publish  發佈 Web 項目資源文件發佈的方式。0,按照原素材路徑名稱發佈;1,會將資源發佈成以 crc32 命名方式從新命名
egret_version
urlParam
modules
 
${EGRET_DEFAULT}
${EGRET_APP_DATA}
這兩個好像都是engine的安裝目錄
個人電腦裏是C:\Users\Administrator\AppData\Roaming\Egret\engine
 
tsconfig
- "sourceMap": true 編譯 .ts 文件至 .js 文件同時生成對應的 .js.map 文件,使用戶調試時能夠直接調試 .ts 文件而非 .js 文件。
- "removeComments": true 編譯 .js 同時刪除本來 .ts 文件中的註釋
 
如下參數暫時不支持開發者自行設置
"target","outDir","module","noLib","outFile","rootDir","out"
如何用新的方式構建第三方庫
- 打開一個第三方庫文件夾
    - 刪除 package.json中的 modoules 字段
    - 在項目中與 package.json同級建立一個 tsconfig.json 文件
 
// JavaScript 類庫
{
"compilerOptions": {
"target": "es5",
"outFile": "bin/libtest1/libtest.js",
"allowJs": true
},
"files": [
"src/a.js",
"src/b.js"
]
}
    - 若是項目是 JavaScript 類庫,還須要在 package.json中配置一個 typings字段,並設置爲一個自定義的 .d.ts 文件,以下所示
        - 完成上述操做後,執行 egret build,就會根據 tsconfig.json中的 outFile字段生成庫文件,壓縮文件以及 .d.ts 文件
編譯順序說明
當在 TestCall.ts 中引用了TestB.ts 中的內容時自動將 TestB.js 放在 TestCall.js 以前進行加載
這種狀況解決方法也很簡單,就是告訴編譯器咱們的類的依賴關係。在 TypeScript 中,使用 <reference>標籤來表示引用關係。在 reference 標籤中能夠標記依賴文件的相對路徑。因此只須要在 TestB 類以前加入以下注釋便可:
WebAssembly
生成的 .wasm 格式相比 .js在性能上有大幅度的提高
也能夠編譯成 asm.js 性能上比.js也高一些
  白鷺引擎 5.0 的設計是將引擎核心做爲一個 .wasm 庫,上層提供 TypeScript API
相關文章
相關標籤/搜索