准備
- 編輯器: Egret Wing3(4.0.3) 需要下載安裝
- 語言: TepyScript(JS的超集,參考手冊http://bbs.egret.com/thread-1441-1-1.html )
- 創建新項目:熟悉 Egret 開發之后可以直接創建Egret游戲項目(包含游戲模板)或者Egret EUI (可視化的,包含EUI項目模板)項目等，里面包含了很多默認的配置。這里以新建游戲項目為例。
使用Egret Wing創建項目
- 安裝好Egret Wing之后打開, 文件-新建項目-新建一個Egret游戲項目
2. 選擇基本配置
舞台寬度、高度
游戲呈現的分辨率。和機器本身的分辨率不同，這個是會根據“縮放模式”、“旋轉設置”將游戲呈現的區分按照這個比例來分成若干等分，而不是簡單的等同於機器的分辨率。最終的游戲的分辨率可能和設計的不太一樣，可以通過(stage.stageWidth,stage.stageHeight)來獲取最終分辨率。
項目結構
| src |
目錄，存放我們的代碼。我們編寫的代碼都放在src目錄下面。 |
| bin-debug |
目錄，項目編譯和運行的debug目錄，一般我們不要修改該目錄下的內容。 |
| libs |
目錄，這里面存放我們的庫文件，包括 |
| Egret |
核心庫和其他擴展庫。當然以后添加了第三方庫的話也會放在這里。 |
| resource |
目錄，這里放置我們的資源文件，這里面有一個default.res.json 配置文件，用來配置資源。 |
| template |
目錄，這里是項目調試過程中所需的目錄，一般我們不需要修改該目錄下的內容。 |
| egretProperties.json |
項目的配置文件，一般我們會用到里面的modules 字段來配置項目的模塊。具體的配置說明可以參考：EgretProperties說明 http://developer.egret.com/cn/2d/projectConfig/configFile |
| index.html |
項目訪問的入口文件，我們可以在這里面配置項目的旋轉縮放模式背景顏色等。具體的配置說明可以參考：入口文件說明 http://developer.egret.com/cn/2d/projectConfig/indexFile |
| favicon.ico |
一個ico。(網頁窗口標題旁的小icon) |
編寫第一行代碼
入口類默認文件src/Main.ts,
- class Main extends egret.DisplayObjectContainer
Class關鍵字: 類
Main: 類名,表示入口類
extends關鍵字: 繼承
Egret Engine 規定入口的文檔類必須繼承自顯示容器DisplayObjectContainer或其子類。
在第119行(createGameScene()函數下開始編寫代碼)
例如console.log(“Hello World”);
然后再瀏覽器的開發者工具F12-console里面就可以看到輸出了.
調試項目
編寫代碼-構建項目(把TS編譯成JS),編譯方式:
- Wing菜單方式: 項目-構建
- 命令方式: egret build
- 點擊調試(F5)(egret startserver)
