1.熟悉cocos creator基本操作

1. 安装cocos creator

1. 打开下载链接，点击“Agree”直到结束。我是mac，所以下载的名字是“CocosCreator_v2.1.1_20190429_mac.dmg”。

image.png

2. 注册一个账号，进入主界面，过程不赘述。

   
   image.png

image.png

2. 下载五子棋项目

3. 下载“人机对战五子棋”项目。
   链接: https://pan.baidu.com/s/1JEB-kF_IVyeeh3wC_gdNGg 提取码: ywnw 复制这段内容后打开百度网盘手机App，操作更方便哦

   由于cocos creator升级，代码中有些内容已经过期，我这里罗列一下，大家最好自己解决代码中的错误：

   • p废弃了
   • tag废弃了
   • node开头字母是大写
   • newNode.on(cc.Node.EventType.TOUCH_END, function (event) { 这个方法变更了

4. 打开下载的项目。
   我是不能直接打开下载的项目的，我的解决过程如下。
   a) 清空如图两个文件夹中的内容，具体为什么不清楚。

   
   这里写图片描述
   

   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)

5. 终于打开了项目，可以开始研究。

   
   image.png

3. 自己动手，参考着做一个五子棋游戏

6.新建一个项目（点击“新建项目”，可以进入如下界面），参考下载的项目做出这个游戏。MAC多开项目的命令：
open -n /Applications/CocosCreator.app/

image.png

7. 这个项目别人已经写过文章【Cocos Creator 实战教程(1)】——人机对战五子棋(节点事件相关)，上面应该是原创，然后被“https://www.write-bug.com/article/1790.html”参考，写的更详细了

由于第一次使用Cocos Creator，操作非常生疏，我相信很多人和我一样，所以我就录制了偏操作的视频供和我一样的同志参考优酷视频