在这个教程里,我将详细解释“怪物要糖果”的代码。
什么是怪物要糖果?
当我开始制作游戏,首先确定核心玩法,并尝试迅速建立了一个游戏原型。在这个案例中,我们从一个相当简单的演示 发展出来的游戏名字叫 怪物要糖果 。 首先我会告诉你项目的结构,所以你可以理解整个游戏玩法。我们将根据游戏运行的逻辑顺序来讲解:ui界面,创建主菜单,实际的游戏循环。
怪物要糖果的故事很简单:邪恶的国王绑架了你的爱人,你必须收集足够多的糖果才能让她回来。玩法很简单:糖果掉落下来,你可以点击吃掉它们。你吃糖果越多,积分就越高,就会有更好的糖果被解锁。如果你让糖果掉出来屏幕,就会减少生命,然后游戏就结束了。
*基于cocoscreater v0.7.0
*本教程所有图片资源在附件可以下载
1.打开cocoscreater 新建一个项目,名称叫MonsterWantsCandy,因为我们的游戏是竖屏的,资源是按照640960分辨率做的,所以如下图选择canvas在属性检查器修改designresolutionsize为640960
2.接下来导入MainMenu需要的资源,背景图片和按钮
3.直接在文件夹选择文件拖动到编辑器界面的资源管理器里面就可以添加资源,添加完后如图
4.直接拖动资源管理器里面的background图片到Canvas画板上面,设置坐标0,0,拖动title到canvas里面设置坐标0,250,如图
5.接下来添加按钮,在层级管理器面板的Canvas右键选择[创建节点][创建ui节点][button按钮]即可,然后拖动资源图片里面的btn_start_01.png到button属性检查器里面的normal里面,并勾选 Use Original Size 表示按钮使用图片原始大小。其它的按钮状态雷同。展开New Button 把下面的Label组件删除,我们这个按钮不需要文字。
6.添加按钮响应,在资源管理器assets右键新建javascript脚本并重命名为StartGame,然后button按钮添加这个脚本组件,双击编辑脚本,修改onload函数
// use this for initialization
onLoad: function () {
this.node.on(cc.Node.EventType.TOUCH_END,function(event){
cc.director.loadScene(‘GameScene’);
},this);
},
GameScene将在后面添加。
-----------------------------------------------------------QQ交流群166029496--------------------------------------------------------------------