搶先體驗版 - 教你一步步搭建微信小遊戲開發環境 -- 基於Cocos2d-x

前言

相信這兩天你們都被微信推出的小遊戲刷屏了吧。你們比較熟知的多是「跳一跳」，可是其實微信首發了15款遊戲，其中8款遊戲用的是 Cocos 遊戲引擎。下面爲你們介紹一下 Windows 64 平臺下如何搭建基於 Cocos2d-x 的小遊戲開發環境。

準備

• Cocos 開發工具 Cocos Creator 1.8
• 微信開發者工具 1.02.1712280

安裝時直接選擇下一步便可。 注意目前最新的微信開發者工具是12月28號的，能夠直接用我上面給出的連接去下載。

過程

1、Cocos Creator 部分

1. 打開 CocosCreator （第一次打開須要登陸cocos的帳號，可自行申請，略），新建一個工程。這裏咱們建一個 Hello World 的工程。

   

   Hello World 工程打開後的效果以下：

   

2. 設置微信開發者工具目錄。這裏注意選擇的是安裝文件夾，例如個人是 --> D:\Program Files (x86)\Tencent\微信web開發者工具。另外 NDK，SDK，ANT 若是你配置過的話會自動識別，此處不討論它們的安裝配置。

   

3. 構建工程。配置如圖所示，須要注意 appId 的填寫 ，原本須要在微信公衆平臺將小程序的類別設置爲小遊戲類目才能夠正常運行，可是因爲微信目前（截至2017-12-30）還沒有開放小遊戲的權限設置，我的開發者沒法改成這個類別，公司認證帳號暫時也不行，參考此連接。微信爲了照顧想搶先體驗小遊戲開發的開發者準備了一個 appId: wx6ac3f5090a6b99c5 用於體驗。因此如今能夠先用此appId進行體驗，等到之後微信開放了小遊戲的申請後再更換回本身的appId。

   

   

   注意不要點 運行，目前微信開發者工具貌似有bug，若是直接點 運行，微信開發者工具將會報 「Error: 未找到入口 app.json 文件」 的錯誤。下面咱們用手動的方式在微信開發者工具中打開項目。

2、微信開發者工具 部分

1. 打開微信開發者工具。

選擇 小程序項目

2. 打開小遊戲工程，項目目錄爲剛剛建立的 Cocos 工程目錄下的 build\wechatgame。

3. 在微信開發者工具中預覽效果。

   

4. 掃碼在微信中驗證明際的效果。

參考資料

1. Cocos 官網
2. 微信小程序開啓遊戲支持！你準備好了沒？
3. Creator v1.8 ：微信小遊戲開發教程
4. 小遊戲在微信開發者工具中的問題彙總（FAQ）