微信小遊戲客戶端開發環境搭建

微信小遊戲客戶端開發環境搭建


一直以來,弄App形式的遊戲比較多,近年來,微信小遊戲火了起來。出於好奇,研究了一番,覺得還是挺有意思的,想和大家分享下。
官方手冊網址:http://docs.cocos.com/creator/manual/zh/

開發工具

SDK:ndk-r10(C/C++交叉編譯支持),sdk(安卓環境支持),ant-1.10.1(自動化編譯工具,安卓Stuido把這個幹掉了,採用gradle管理了)。
IDE:Cocos Creator 2.0.1(目前最這個版本穩定),VSCode,Google瀏覽器,微信開發者工具。
其它:微信小程序賬號一枚(需要用到生成的AppID)、微信開發賬號一枚,至少需要兩賬號。

環境配置

  1. 下載好所需要的開發工具,IDE什麼的需要安裝的都安裝了。
  2. Cocos Creator配置:NDK路徑、安卓SDK路徑(如果環境變量裏有配置ANDROID_SDK_ROOT和NDK_ROOT的話,可自動識別)、代碼編輯器路徑(這裏是VSCode的路徑)、微信開發者安裝路徑。
  3. 下載官網示例工程(用來做實驗,當然你也可以自己創建,這裏我用的是官網示例工程),如圖,這是我從官網下載的示例工程,這裏不需要任何配置應該都能成功運行,因爲這是win32環境。Cocos官網示例運行畫面
    這裏其實有一個坑的。官網的工程,每次關閉程序時,會報資源錯誤,後來查了一下,原來,官網這資源是比較老的了,後來的版本有升級png庫,對圖片格式要求更嚴格了,PS中編輯=>顏色設置RGB按如下設置即可

在這裏插入圖片描述
5. 作爲開發,Cocos Creator提供的功能並不那麼得友好,自帶原生編輯器不支持斷點調試,碼代碼很不方便。不過可以利用第三發編輯器,VSCode就不錯,並且官方推薦的也是這個。
6. VSCode配置:在Coscos Creator找到中VSCode工作流菜單,把所有選項度點一遍。坑來了,找到Cocos Creator 安裝路徑win32目錄(即模擬器目錄,XXX\CocosCreator2.0.1\resources\cocos2d-x\simulator\win32),把這個目錄拖到VSCode中,按照一般的套路,應打開自己工程的目錄,然後啓動項配置爲模擬器路徑就可以了,這裏卻是需要打開模擬器目錄。打開後選擇調試器配置爲Launch Chrome,launch的其它配置默認就好(如果未能成功打開,配置項的端口換成跟Cocos Creator瀏覽器打開網址欄顯示的端口一樣即可),在瀏覽器中打開開發者工具,就可以斷點調試了。
在這裏插入圖片描述

在這裏插入圖片描述

發佈小遊戲

  1. 構建工程,發佈平臺選擇WechatGame,配置好AppID(註冊好小程序就有了)
  2. 這時,你就可以來杯肥宅快樂水,一邊等待構建進度一邊看着視頻。構建成功後,運行即可跳到微信開發者工具。
    在這裏插入圖片描述
  3. 這裏你既可以選擇真機調試,又可以本地調試,很方便。這裏又有個坑,默認呢,微信開發者工具在每次導入工程的時候,會自動在工程的配置文件裏生成微信開放數據域工程目錄,如果你沒有構建微信開放數據域工程,在每次真機調試的時候會報這個工程入口找不到的錯誤,實驗的話,可直接刪去那個配置
    在這裏插入圖片描述

官方的版本我加了重力控制,可通過重力加速控制小怪方向,不然你怎麼控制它去喫小星星呢。
在這裏插入圖片描述
在這裏插入圖片描述
5. 上傳發布需要通過微信審覈,東西不缺的情況下一般比較容易通過。當然,正式的發佈需要加密的,如果你希不望你的勞動成果輕易被別人盜取的話。服務端相關,後續補充。

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