CocosCreator制作H5游戏《抢月饼》教程3:实现游戏主场景界面及子逻辑
首页 > CocosCreator > 《抢月饼》    作者:闭眼就天黑   2016年9月9日 15:09 星期五   热度:10643°   百度已收录  
时间:2016-9-9 15:09   热度:10643° 

刚刚创建了启动界面,下面我们来创建核心的主场景界面。同样我们新建场景文件,并重命名为GameScene,在Canvas修改大小为640*960

1、添加背景图片gamebg.png到场景中。

2、添加顶部白色云朵图片,game_top.png到场景中。

3、添加玩家角色role_custom2.png到场景中,并在层级管理器重命名为player

4、添加4Label节点。分别为scorelabelscoretimeslabeltimes

【scorelabel】设置string值为【积分:】

【score】设置string值为【0

【timeslabel】设置string值为【倒计时:】

【times】设置string值为【60

 

如图所示我们的场景就设置好了。

 

 

 

接下来我们实现猪八戒角色的功能,猪八戒的主要功能就是在屏幕上水平移动接月饼。

那么我们需要实现个移动方法,参数就是要移动的位置的x坐标。这样保存水平不变。

然后实现个需要碰撞的接口,到时候用来和物品进行碰撞检测。

我们在资源管理器的Script目录中新建JavaScript脚本文件,并重命名为HeroPlayer文件。

我们只需要实现上面的2个方法就可以了。

代码如图:

 

 

 

添加好后保存代码,然后我们在场景编辑器中点击猪八戒,然后在属性检查器中在属性底部添加组件。依次选择【添加用户脚本组件】=>【HeroPlayer】。

添加好后如图所示:

 

 

添加好角色的控制脚本后,我们添加积分显示的脚本,来控制积分的动态显示。

同样我们新建一个 【myscore.js】的脚本。

我们实现一个label的绑定,和显示以及更新的方法。

代码如图:

 

 

保存代码,然后我们和刚刚一样,给我们的积分绑定上【myscore.js】脚本。

如图:

 

 

在此我们实现了积分和玩家角色的脚本控制了,下面我们需要实现掉落物品的脚本还有主场景逻辑的控制脚本。

======================================================================= 

【教程目录:】

CocosCreator制作H5游戏《抢月饼》教程1:游戏分析及项目创建

http://www.byjth.com/CocosCreator/85.html

CocosCreator制作H5游戏《抢月饼》教程2:制作游戏启动场景

http://www.byjth.com/CocosCreator/86.html

CocosCreator制作H5游戏《抢月饼》教程3:实现游戏主场景界面及子逻辑

http://www.byjth.com/CocosCreator/87.html

CocosCreator制作H5游戏《抢月饼》教程4:实现游戏掉落物品及控制脚本

http://www.byjth.com/CocosCreator/88.html

CocosCreator制作H5游戏《抢月饼》教程5:实现游戏主场景主线核心逻辑

http://www.byjth.com/CocosCreator/89.html

CocosCreator制作H5游戏《抢月饼》教程6:实现游戏的结束场景和积分显示

http://www.byjth.com/CocosCreator/90.html

CocosCreator制作H5游戏《抢月饼》教程7:游戏总结以及打包分享

http://www.byjth.com/CocosCreator/91.html

【游戏预览】

http://www.byjth.com/MyGame/mobile/QiangYueBing/index.html【手机访问】

【代码资源】

链接: https://pan.baidu.com/s/1geVMbS3 密码: wxyx

=========================================================================


二维码加载中...
本文作者:闭眼就天黑      文章标题: CocosCreator制作H5游戏《抢月饼》教程3:实现游戏主场景界面及子逻辑
本文地址:https://www.byjth.com/QiangYueBing/87.html
版权声明:若无注明,本文皆为“闭眼就天黑专栏_技术博客_个人学习总结”原创,转载请保留文章出处。
相关文章

版权所有:《闭眼就天黑专栏_技术博客_个人学习总结》 => 《CocosCreator制作H5游戏《抢月饼》教程3:实现游戏主场景界面及子逻辑
本文地址:https://www.byjth.com/QiangYueBing/87.html
除非注明,文章均为 《闭眼就天黑专栏_技术博客_个人学习总结》 原创,欢迎转载!转载请注明本文地址,谢谢。

返回顶部    首页    手机版本    版权所有:闭眼就天黑专栏_技术博客_个人学习总结
    站长: 闭眼就天黑    搜索cocos2dx主题 技术支持:闭眼就天黑   皖ICP备14007736号-1  

皖公网安备 34132102000107号

   sitemap