CocosCreater教程-怪物要糖果(二)

接着开发游戏场景,这里有一个为我们创造的世界,有一个玩家角色在里面,它的工作就是吃糖果。

游戏世界:怪物后面的世界是静态的。背景中有一张糖果大陆的图片,我们可以在前景中看到怪物,还有一个用户界面。

玩家角色: 这个演示非常简单,所以小怪物除了等待糖果什么也不做。对于玩家,主要任务就是收集糖果。

糖果:游戏的核心机制是吃尽可能多的糖果。糖果在屏幕的顶部边缘产生,玩家必须在它们掉落的时候点击(或点击)。如果任何糖果掉出屏幕的底部,删除它,玩家将受到伤害。我们还没有生命系统,因此,游戏结束后立即显示适当的消息。

在资源管理器中点击选中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--------------------------------------------------------------------

:14:素材要等最后一贴教程吗

素材在第一帖

可以多选图片拖拽到时间轴上哦。

这第一贴建立的场景跟第二贴建立的场景是如和衔接的呢,比较白,能给个图么

两个场景分别独立完成,运行的时候把场景切到第一个,点start的时候cc.director.loadScene会切换到第二个场景里了

昨天还好好的今天图怎么裂了?

怎么只有第一张图是好的,后面的都是叉。麻烦楼主修复,谢谢!