1. 程式人生 > >使用Cocos Creator 開發微信小遊戲(一)—— 專案配置與環境搭建

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

專案配置與環境搭建

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

環境配置第一步 CocosCreator

這個是Cocos Creator的官網,點選下載適合你的安裝程式,然後安裝,接著開啟Cocos Creator建立工程。
建立過程

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

模板。

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

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

環境配置第三步 構建 執行

點選專案構建釋出按鈕,勾選釋出平臺為Wechat Game注意:其中的Appid為臨時ID,真正釋出時需要替換成你申請的ID,這個是申請網站
這裡寫圖片描述

接著點選構建,等待其Complete。
這裡寫圖片描述
接著點選執行,其會跳轉到微信開發者工具。

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

選擇小程式….
這裡寫圖片描述


若工程中有你之前釋出的小遊戲,點選即可,若沒有,則按右下角的+號進行新增
這裡寫圖片描述

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

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

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