刚刚创建了启动界面，下面我们来创建核心的主场景界面。同样我们新建场景文件，并重命名为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】

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

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

那么我们需要实现个移动方法，参数就是要移动的位置的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

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

搜索