1.熟悉cocos creator基本操作

1. 安装cocos creator

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

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


    image.png
image.png

2. 下载五子棋项目

  1. 下载“人机对战五子棋”项目。
    链接: 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) { 这个方法变更了

  2. 打开下载的项目。
    我是不能直接打开下载的项目的，我的解决过程如下。
    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)

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


    image.png

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

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

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

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容