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

[复制链接]
星空 发表于 2019-1-12 21:45:11 | 显示全部楼层 |阅读模式
CocosCreator制作H5游戏《抢月饼》教程3实现游戏主场景界面及子逻辑" I: ~9 L) z; a1 B. _  N4 |
( |" ?( ^/ r% j, b
刚刚创建了启动界面,下面我们来创建核心的主场景界面。同样我们新建场景文件,并重命名为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】
6 z. Z  z; F; _/ z" A  `& I( f
如图所示我们的场景就设置好了。
1.png
接下来我们实现猪八戒角色的功能,猪八戒的主要功能就是在屏幕上水平移动接月饼。
那么我们需要实现个移动方法,参数就是要移动的位置的x坐标。这样保存水平不变。
然后实现个需要碰撞的接口,到时候用来和物品进行碰撞检测。
我们在资源管理器的Script目录中新建JavaScript脚本文件,并重命名为HeroPlayer文件。
我们只需要实现上面的2个方法就可以了。
代码如图:
2.png
添加好后保存代码,然后我们在场景编辑器中点击猪八戒,然后在属性检查器中在属性底部添加组件。依次选择【添加用户脚本组件】=>【HeroPlayer】。
添加好后如图所示:
3.png
添加好角色的控制脚本后,我们添加积分显示的脚本,来控制积分的动态显示。
同样我们新建一个 【myscore.js】的脚本。
我们实现一个label的绑定,和显示以及更新的方法。
代码如图:
4.png
保存代码,然后我们和刚刚一样,给我们的积分绑定上【myscore.js】脚本。
如图:
5.png
在此我们实现了积分和玩家角色的脚本控制了,下面我们需要实现掉落物品的脚本还有主场景逻辑的控制脚本。
【代码资源】
0 [/ T2 m' S5 `/ K' ]$ e8 I) c
$ J  s" }9 F4 s- T7 X
2 i8 ]) r- T( A& r- z3 F
哎...今天够累的,签到来了游戏源码下载...
回复

使用道具 举报

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

本版积分规则