接着开发游戏场景,这里有一个为我们创造的世界,有一个玩家角色在里面,它的工作就是吃糖果。
游戏世界:怪物后面的世界是静态的。背景中有一张糖果大陆的图片,我们可以在前景中看到怪物,还有一个用户界面。
玩家角色: 这个演示非常简单,所以小怪物除了等待糖果什么也不做。对于玩家,主要任务就是收集糖果。
糖果:游戏的核心机制是吃尽可能多的糖果。糖果在屏幕的顶部边缘产生,玩家必须在它们掉落的时候点击(或点击)。如果任何糖果掉出屏幕的底部,删除它,玩家将受到伤害。我们还没有生命系统,因此,游戏结束后立即显示适当的消息。
在资源管理器中点击选中assets目录,确保我们的场景会被创建在这个目录下并命名为GameScene
2.把background,floor,score-bg拖入层级管理器的Canvas中并设置坐标,新建一个button,设置每个状态的图片为button-pause.png,在层级管理器score-bg右键[创建节点][创建渲染节点][Label 文字]添加一个Label命名为ScoreLabel。
3.接下来我们来添加一个Player并播放idle的序列帧动画
在层级管理器里面的Canvas右键[创建节点][创建渲染节点][Sprite]节点,改名为Player
然后切换动动作面板,点击添加Animation组件
接下来我们必须新建一个动画剪辑,在资源管理器里面左边有个+号,点击选择Animation Clip 这样就在资源里面新建了一个动画剪辑New AnimationClip,我们把它重命名为player_idle
上面的操作成功了之后就是要把动画剪辑拖到Player的animation组件里。
在层级管理器里面选中Player,然后拖动player_idle到属性检查器里的Default Clip,勾选 Player On Load
接下来在动画面板的属性列表点击add property 然后选择cc.Sprite.spriteFrame
然后直接拖动资源里面的图片到动画面板里面的时间轴里面cc.Sprite.spriteFrame右边,鼠标下方出现+号就可以放手,鼠标出现,第一帧放0,第二帧放在0.1,时间轴可以通过鼠标滚轮缩放,键盘左右按键可以移动当前帧
把13张图片都拖动完成,点击动画编辑器的播放播放即可预览
等等,播放速度好像太慢了,并且没有循环,把Speed调成2,wrapMode选择Loop
然后把Player拖动到左下角放好,好像站在地上一样。
游戏场景基本已经搭完了,下一节介绍游戏逻辑。
-----------------------------------------------------------QQ交流群166029496--------------------------------------------------------------------