[COCOS2D] CocosCreator制作H5游戏《抢月饼》教程3实现游戏主场景界面...

[复制链接]
星空 发表于 7 天前 | 显示全部楼层 |阅读模式
CocosCreator制作H5游戏《抢月饼》教程3实现游戏主场景界面及子逻辑# i2 T/ K7 O2 T/ {

: f  |% t* D! G" X( m( E
刚刚创建了启动界面,下面我们来创建核心的主场景界面。同样我们新建场景文件,并重命名为GameScene,在Canvas修改大小为640*960。
1、添加背景图片gamebg.png到场景中。
2、添加顶部白色云朵图片,game_top.png到场景中。
3、添加玩家角色role_custom2.png到场景中,并在层级管理器重命名为player。
4、添加4个Label节点。分别为scorelabel,score,timeslabel,times。
【scorelabel】设置string值为【积分:】
【score】设置string值为【0】
【timeslabel】设置string值为【倒计时:】
【times】设置string值为【60】

9 O# Q: r. P  P8 X, D
如图所示我们的场景就设置好了。
1.png
接下来我们实现猪八戒角色的功能,猪八戒的主要功能就是在屏幕上水平移动接月饼。
那么我们需要实现个移动方法,参数就是要移动的位置的x坐标。这样保存水平不变。
然后实现个需要碰撞的接口,到时候用来和物品进行碰撞检测。
我们在资源管理器的Script目录中新建JavaScript脚本文件,并重命名为HeroPlayer文件。
我们只需要实现上面的2个方法就可以了。
代码如图:
2.png
添加好后保存代码,然后我们在场景编辑器中点击猪八戒,然后在属性检查器中在属性底部添加组件。依次选择【添加用户脚本组件】=>【HeroPlayer】。
添加好后如图所示:
3.png
添加好角色的控制脚本后,我们添加积分显示的脚本,来控制积分的动态显示。
同样我们新建一个 【myscore.js】的脚本。
我们实现一个label的绑定,和显示以及更新的方法。
代码如图:
4.png
保存代码,然后我们和刚刚一样,给我们的积分绑定上【myscore.js】脚本。
如图:
5.png
在此我们实现了积分和玩家角色的脚本控制了,下面我们需要实现掉落物品的脚本还有主场景逻辑的控制脚本。
【代码资源】1 x% n  g( C( b0 e

2 B: M0 K: P* U+ H0 U' D) Y9 [" p
. P" i9 h3 P2 j4 \9 p3 w
哎...今天够累的,签到来了游戏源码下载...
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则