从网上下载cocos creator，安装好后，就可以制作游戏了。我这里用的是mac，直接一键安装，不用配置什么环境。先来试试第一个小游戏，就简单的切换一下就行了。
我的cocos creator 的版本
打开creator，点击新建项目，新建一个空白项目，选好路径和项目名，创建完成之后是这样的：
空白项目
点住左下角assets，右键新建文件夹创建三个文件夹，命名为Scene，Script，Texture，分别存放场景文件，脚本文件和图片资源。往Texture文件夹里随便拖两张背景图和两张按钮图。接着点选Scene文件夹，右键选择新建Scene：
新建Scene
修改名字为home，接着同样操作在创建个scene命名为shop。
双击打开home，看到左上角有个Canvas，这个就是home这个场景的画布，我们要在这个上面添加东西进去，从Texture文件夹下拖一张背景图到Canvas下，然后点击Canvas上面的加号，创建一个按钮：
创建按钮
然后删除这个按钮的子文件Label。再将一张按钮图拖到这个按钮的右边属性检查器对应的SpriteFrame中：
给按钮添加图片资源
完成后如图：
home场景完成
然后双击进入shop，将另外的一张背景图拖进去，并用另一张按钮图创建一个按钮。再回到home，在Script文件夹下右键选择新建JavaScript：
新建JavaScript
命名为homeJS，同样操作，再建一个，命名为shopJS。
双击homeJS，在
这个是场景加载函数
下面添加代码：
toShop: function () {
cc.director.loadScene("shop")
},
这是个函数，这个函数的意思是切换到shop场景。
然后再shopJS里同样位置添加：
toHome: function () {
cc.director.loadScene("home")
},//切换到home场景
哈哈，代码部分就这样完成了，接下来的事情就是把这homeJS，shopJS关联到那两个按钮上去了。
双击home，选住按钮，在它对应的属性查看器中下滑找到添加组件，点击：
将按钮关联homeJS
完成：
关联完成
然后找到Button那一栏：
属性检查器的Button栏
找到Click Events，设为1，将这个按钮本身拖入到下方的cc.Node处，再选择脚本：homeJS，再选择函数：toShop。如此，这个按钮的关联事件就做好了。完成图如上。
同样，对shop场景的那个按钮也是如此操作，完成如下：
shop场景的按钮的事件关联
OK，完成了，点击正中间的三角形运行吧：
运行键
完成效果就是两个页面的切换。
同时，在实际过程中，我们也发现了许多一些这里没有用到的控件和属性，动手试试吧。
如有错误，欢迎指正。如有补充，欢迎告知。
2017-07-21
网友评论