1. 安裝cocos creator
- 打開下載鏈接,點擊“Agree”直到結(jié)束。我是mac,所以下載的名字是“CocosCreator_v2.1.1_20190429_mac.dmg”。

image.png
-
注冊一個賬號,進入主界面,過程不贅述。
image.png

image.png
2. 下載五子棋項目
-
下載“人機對戰(zhàn)五子棋”項目。
鏈接: https://pan.baidu.com/s/1JEB-kF_IVyeeh3wC_gdNGg 提取碼: ywnw 復制這段內(nèi)容后打開百度網(wǎng)盤手機App,操作更方便哦由于cocos creator升級,代碼中有些內(nèi)容已經(jīng)過期,我這里羅列一下,大家最好自己解決代碼中的錯誤:
- p廢棄了
- tag廢棄了
- node開頭字母是大寫
- newNode.on(cc.Node.EventType.TOUCH_END, function (event) { 這個方法變更了
-
打開下載的項目。
我是不能直接打開下載的項目的,我的解決過程如下。
a) 清空如圖兩個文件夾中的內(nèi)容,具體為什么不清楚。
這里寫圖片描述
b) 還是打不開,報了如下一堆錯。這是因為安裝之后,需要把cocoscreator.app拖到application里,然后再打開。
Error: EROFS: read-only file system, open '/Volumes/Cocos Creator/CocosCreator.app/Contents/Resources/static/default-assets/image.meta'
at Error (native)
-
終于打開了項目,可以開始研究。
image.png
3. 自己動手,參考著做一個五子棋游戲
6.新建一個項目(點擊“新建項目”,可以進入如下界面),參考下載的項目做出這個游戲。MAC多開項目的命令:
open -n /Applications/CocosCreator.app/

image.png
- 這個項目別人已經(jīng)寫過文章【Cocos Creator 實戰(zhàn)教程(1)】——人機對戰(zhàn)五子棋(節(jié)點事件相關),上面應該是原創(chuàng),然后被“https://www.write-bug.com/article/1790.html”參考,寫的更詳細了
由于第一次使用Cocos Creator,操作非常生疏,我相信很多人和我一樣,所以我就錄制了偏操作的視頻供和我一樣的同志參考優(yōu)酷視頻

