cocos creator酷跑游戏制作03--定义一个跑酷背景及按钮图标

在层级管理器中新增一个精灵（spirit）并命名为BackGround，在资源管理器中新建一个BackGround文件夹存放背景图（怎么提取背景图已经在cocos creator酷跑游戏制作02–定义一个跑酷动画 讲解过）

将背景图挂载到BackGround精灵图SpriteFrame属性中

将展示这种效果

将角色拖拉到合适的位置，参数可参考左边红框中的

参数详解

Position：相对父节点的位置坐标，以像素为单位
Rotation：相对父节点的旋转坐标，以像素为单位
Scale：节点的整理缩放比例，会影响所有子节点
Aanchor：节点位置和旋转的基准点，（0,0）表示左下角（1,1）表示右上角，这个红绿直角就是基准点

Size：节点内容尺寸，不影响的子节点

新建二个UI 按钮节点并重新命名（Button-slide，Button-jump）

其中自动生成的Label 我们用不到可以删掉。

将准备好的按钮图片挂载到Button-slide/Button-jump—>Button–>Transition选择Sprite

参数详解：

Normat：普通按钮的背景图
preseed：按下状态的按钮背景图
Hover：悬停状态的按钮背景图

此时场景编辑器展示效果应该是如下图所示

我们可以拿到按钮原图的大小进行设置

设置好参数，这个红框中的参数是Button-xx的参数，再将按钮拖拉到合适的位置，啊哈哈是不是感觉还少了点什么。 对，就是按钮上面的图标

我们需要再创建一个精灵，用于放置按钮动作图标

将我们下滑图标挂载到精灵上即可，跳起动作操作一样

完成后的场景展示图，啊哈哈 是不是感觉有点样子了。下次我们再制作下滑动作和跳起动作。