使用Cocos Creator 開發微信小遊戲(一)—— 項目配置與環境搭建

項目配置與環境搭建

第一次打開Cocos Creator界面,就感覺,這很Unity啊,雖然有不少地方還沒有完善,但是對於開發小遊戲這樣輕量級的遊戲是夠用的了,所以用過Unity的同學上手會特別快。這個教程也會照顧沒用過Unity的新手,所以,放心看吧~

環境配置第一步 CocosCreator

這個是Cocos Creator的官網,點擊下載適合你的安裝程序,然後安裝,接着打開Cocos Creator創建工程。
創建過程

Cocos Creator提供了不同的模板在裏面,HelloWorld模板使用的是js編寫的,如果你想用typescript則可以創建下面的TypeScriptHelloWorld模板。

環境配置第二步 安裝額外的工具

打開偏好設置設置必需的工具的路徑。
這裏寫圖片描述
先安裝微信開發者工具
再安裝Apache Ant

把安裝目錄填到對應的路徑選項即可。微信開發者工具是微信官方提供的一個工具,在上面你可以預覽小遊戲的運行情況,也可以上傳到服務器上,然後在手機上預覽。Apache Ant則是進行本地預覽用的,還是比較經常使用到的。

環境配置第三步 構建 運行

點擊項目構建發佈按鈕,勾選發佈平臺爲Wechat Game注意:其中的Appid爲臨時ID,真正發佈時需要替換成你申請的ID,這個是申請網站
這裏寫圖片描述

接着點擊構建,等待其Complete。
這裏寫圖片描述
接着點擊運行,其會跳轉到微信開發者工具。

環境配置第四步 使用微信開發者工具預覽小遊戲

選擇小程序….
這裏寫圖片描述
若工程中有你之前發佈的小遊戲,點擊即可,若沒有,則按右下角的+號進行添加
這裏寫圖片描述

點擊預覽按鈕後會生成二維碼,用你的微信進行掃描則可以在真機上預覽
這裏寫圖片描述

下面是生成的二維碼,掃描即可(這個二維碼有生效時間,過了生效時間則無法使用)
這裏寫圖片描述

完整 囉嗦的發佈教程就結束了。還有什麼問題的話可以進行留言~

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