Egret iOS Support是一款iOS APP打包方案,可以將Egret開發(fā)的HTML5游戲打包為IPA文件,轉(zhuǎn)換后的APP效率更加接近原生游戲性能。
iOS APP打包方案
1、安裝iOS開發(fā)環(huán)境——Xcode
運行App Store,在搜索項查找“Xcode”,下載并安裝即可
第二部分、安裝Egret游戲框架
2、預(yù)備知識
運行Mac OS X的Terimal應(yīng)用:在Finder中打開Applications文件夾,再打開Utilities文件夾,找到Termial應(yīng)用,雙擊運行。如下圖:
進入你的工作目錄,在演示中,我們的的工作目錄為“l(fā)abs/”,工作目錄為空文件夾,如下圖:
接下來,為我們的游戲建立一個projects文件夾,運行
$ mkdir projects
如下圖:
3、安裝Egret
傳送門:Mac OS X 系統(tǒng)下安裝最新的Egret。
4、下載Egret的iOS支持包
創(chuàng)建Egret Support文件夾
下載Egret ios支持包
下載egret-ios-support,將egret-ios-support放置在“l(fā)abs/egret-support/”文件夾下,如下圖:
第三部分、創(chuàng)建一個iOS打包的示例
5、創(chuàng)建一個Egret項目
這里創(chuàng)建一個名稱為ACoolHtmlGame的項目,使用命令如下:
$ egret create ACoolHtmlGame
如圖:
6、編寫你的游戲項目
接下來要做的事情就是編寫你的游戲項目邏輯。這里我們不進行操作,使用默認的項目來進行演示。
7、創(chuàng)建你的ios項目工程
從你的HTML5游戲創(chuàng)建ios項目工程
回到我們的游戲工程文件夾“l(fā)abs/projects/”下,我們通過一個新的命令來創(chuàng)建適用于ios的項目,該命令創(chuàng)建項目時,需要指定原有HTML5工程和你的egret-ios-support路徑。命令如下:
$ cd projects/$ egret create_app ACoolIosGame -f ACoolHtmlGame -t ../egret-support/egret-ios-support
create_app命令可用來創(chuàng)建適用于ios的項目工程。ACoolIosGame則是該工程的工程名。
-f參數(shù)則指定我們的HTML5游戲項目,我們直接將剛剛創(chuàng)建的HTML5項目路徑填寫進入即可。
-t參數(shù)則是ios項目工程的模板,我們需要指定“egret-ios-support”項目路徑。
下圖為運行命令演示:
運行命令后,你將看到新生成的ACooliosGame項目文件夾,該文件夾結(jié)構(gòu)如下:
自此,我們已經(jīng)創(chuàng)建了一個完整的ios工程,我們來看一下當(dāng)前的文件層級:
labs/-+ +-- egret-core/-+ # egret +-- egret-support/-+ # egret 支持庫 | +-- egret-ios-support/ # ios支持 +-- projects/-+ | +-- ACoolIosGame # ios工程 | +-- ACoolHtmlGame # html應(yīng)用 ...
8、編譯iOS游戲
8.1 導(dǎo)入項目
打開ACoolIosGame文件夾,雙擊“ACoolIosGame.xcodeproj”,等待Xcode加載完成
9、測試項目
點擊Xcode的Run命令,直接進入iOS模擬器運行
下圖為運行效果
如需生成ipa包,請訪問蘋果開發(fā)網(wǎng)站,注冊開發(fā)者賬號,閱讀相關(guān)設(shè)置即可。
自此,完成了使用Egret實現(xiàn)一個iOS游戲應(yīng)用的全過程。
10、項目開發(fā)的整體流程
我們推薦的開發(fā)方式:在原有的HTML5游戲項目中進行開發(fā),開發(fā)測試ok,再編譯到iOS平臺。下面為大家演示一下流程:
1.創(chuàng)建一個HTML5游戲:
egret create ACoolHtmlGame
2.創(chuàng)建對應(yīng)的iOS游戲:
egret create_app ACoolIosGame -f ACoolHtmlGame -t ../egret-support/egret-ios-support
3.測試一下各個平臺游戲
4.在ACoolHtmlGame中開發(fā)游戲,一個小步進的開發(fā)后,我們要開始編譯我們的游戲并在瀏覽器上測試,這是使用
egret build ACoolHtmlGame --runtime native -e
這行命令執(zhí)行了兩項任務(wù):1.編譯TypeScript到JavaScript,2.將編譯出的文件同步到Xcode項目中。這里需要注意的有兩點:1.編譯的項目是HTML5項目,2.不要更改iOS項目的位置,項目位置的設(shè)置將在高級教程給出, 3.此時HTML5項目會失效,想查看HTML5項目,請使用
egret build ACoolHtmlGame -e
來使得HTML5項目生效,此時iOS項目失效。
5.此時可以使用egret startserver ACoolHtmlGame 啟動游戲服務(wù),這樣瀏覽器就能觀察到實現(xiàn)的游戲邏輯了。
6.接下來回到ACoolIosGame的Xcode工程中,使用Xcode來清除、重新編譯、調(diào)試項目,這樣就可以在手機上得到和HTML項目的游戲邏輯了。
7.返回4,不斷的迭代。
Egret iOS Support更新日志
新功能
[新特性] 支持WebSocket TypedArray流傳輸
[新特性] 支持游戲包加密
[新特性] 支持網(wǎng)絡(luò)設(shè)置文件啟動游戲
[新特性] 支持游戲設(shè)置項讀取和保存
[新特性] 支持iOS 8.4
[更新] 使用新的JavaScriptCore框架
[更新] 使用新的Graphics接口
[更新] 使用新的Math庫
[更新] 使用新的項目模版
[修復(fù)] 進入后臺崩潰問題
[修復(fù)] 輸入文字bug
- PC官方版
- 安卓官方手機版
- IOS官方手機版