1.熟悉cocos creator基本操作

1. 安裝cocos creator

  1. 打開下載鏈接,點擊“Agree”直到結(jié)束。我是mac,所以下載的名字是“CocosCreator_v2.1.1_20190429_mac.dmg”。
image.png
  1. 注冊一個賬號,進入主界面,過程不贅述。


    image.png
image.png

2. 下載五子棋項目

  1. 下載“人機對戰(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) { 這個方法變更了
  2. 打開下載的項目。
    我是不能直接打開下載的項目的,我的解決過程如下。
    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)
  1. 終于打開了項目,可以開始研究。


    image.png

3. 自己動手,參考著做一個五子棋游戲

6.新建一個項目(點擊“新建項目”,可以進入如下界面),參考下載的項目做出這個游戲。MAC多開項目的命令:
open -n /Applications/CocosCreator.app/

image.png
  1. 這個項目別人已經(jīng)寫過文章【Cocos Creator 實戰(zhàn)教程(1)】——人機對戰(zhàn)五子棋(節(jié)點事件相關),上面應該是原創(chuàng),然后被“https://www.write-bug.com/article/1790.html”參考,寫的更詳細了

由于第一次使用Cocos Creator,操作非常生疏,我相信很多人和我一樣,所以我就錄制了偏操作的視頻供和我一樣的同志參考優(yōu)酷視頻

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 引言 Cocos Creator 是一個完整的游戲開發(fā)解決方案,包含了 cocos2d-x 引擎的 JavaScr...
    賊老天閱讀 1,405評論 0 2
  • 繼全球第一本中文教程《Cocos Creator 完全使用手冊》上架后,我們很開心這么快就聽到了第二本 Cocos...
    賊老天閱讀 3,520評論 0 4
  • 首先聲明五子棋游戲非原創(chuàng)(文中有原文鏈接)。 4. 整理下知識點 沒有寫完,后面再補充吧 4.1 場景切換: 把p...
    mspeer閱讀 228評論 0 0
  • 今天我們開始為期4天3晚的湖南之旅,夜里我興奮的睡不著,不停地問媽媽我們什么時候出發(fā),媽媽說現(xiàn)在才兩點呢,再...
    5a8fca81ba9b閱讀 464評論 0 15
  • 最近了解到VScode開源后有團隊開發(fā)了WEB版的VSCode,叫code-server,于是冒出了在騰訊云或公司...
    什么都懂一點的小白閱讀 24,145評論 1 58

友情鏈接更多精彩內(nèi)容