Egret 微信小遊戲開發筆記(一)

       隨着H5開發的普及,使用Egret開發小遊戲也變得更加方便。相較於WXML,個人覺得ts語言編寫更加簡單,所以覺得學習下Egret小遊戲的開發。雖然此時入坑有點晚了,但是總不算太落後吧。記錄下自己學習的過程,方便以後隨時查閱。

       首先是選擇創建一個Egret 遊戲項目(順便提一下,Egret並不是所有引擎版本都支持小遊戲開發,所以最好是將引擎升級至最新版本,我這裏用的是5.2.21版本)。這裏如果選擇微信小程序的話,就是創建了一個微信小程序工程,跟微信開發者工具創建的小程序工程一樣,這樣相當於還是要用WXML模板開發,就不需要我們使用Egret開發了。所以這裏要創建一個Egret 遊戲項目:

        然後設置並創建遊戲工程,擴展庫根據自己的需要添加,也可以之後配置:

        此時我們是創建了一個可以運行在web環境下的Egret遊戲項目,我們可以直接調試看到熟悉的Egret demo結果。要得到微信小程序工程,我們只需要選擇發佈爲微信小遊戲即可:

       這裏的AppID暫時缺省(使用默認值),填寫項目名稱,然後確定發佈:

       這時如果點擊“使用微信開發者工具打開”,會發現根本沒有什麼反應(即使是微信開發者工具已經處於打開狀態,也不能成功打開工程)。我們打開上面的Egret工程路徑,可以看到,該路徑下確實生成了名爲“weixin_helloworld_wxgame”的微信小遊戲項目:

我們可以先打開微信開發者工具(開發者賬號申請以及微信開發者工具下載等,請自行參考微信小程序開發者文檔:https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/),然後導入剛纔的生成的小程序工程:

 終於看到了我們期望看到的界面:

       接下來我們按照Egret官方給的微信小遊戲開發文檔(http://developer.egret.com/cn/github/egret-docs/Engine2D/minigame/tutorial/index.html)說明的,“在 wing 編輯器中,修改 egretProperties.json 配置文件中的 target 對象的 current 屬性爲 wxgame,然後點擊調試按鈕,會自動打開 微信開發者工具”,會發現並不能打開微信開發者工具,而是得到需要安裝最新微信開發者工具提示的錯誤:

我們嘗試在終端裏執行開打微信開發者工具的命令:egret run --target wxgame

回車執行之後,可以看到錯誤提示:

從錯誤提示可以看出,應該是我們的開發者工具服務端口未打開。我們打開微信開發者工具,點擊左上角的設置,並在彈出框中選中“安全”,最後選擇開啓服務端口即可:

 此時我們再在終端中執行啓動微信開發者工具的命令,會發現,當前遊戲工程成功在微信開發者工具中打開了!

       不過從開發者工具的控制檯可以看到以下警告:

微信小遊戲的整體包不能超過8M,Egret的3個庫就佔用了1M多。所以,我們可以用Egret提供的命令去壓縮一下。在終端執行以下代碼:egret publish --target wxgame;然後等再次編譯好,就可以看到已經沒有之前的警告了:

      這裏還是有個問題,就是用Egret Wing直接調試,確實可以直接編譯更新到微信開發者工具中打開,但是在Wing中一直提示安裝最新的微信開發者工具。這個問題還沒有找到原因,估計是Egret Wing編譯器的問題。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章