3. 游戏按钮关联动作

为啥是第3篇，因为第2篇是把游戏发布到IOS手机，不是必须步骤，写到了。

前置说明

• 翻滚和滑闪的动画参考跑步做

• 背景图是Sprite，省略了过程

• 用到代码编辑工具：vscode

• 用到TypeScript编程知识

• 用到Cocos Creator官网的API和Button的基础知识

1. 简介

Button组件：就是按钮，用户点击后，不但按钮自己可能变化，同时还会发生一些预计的行为。

a. 按钮变化，按钮点击前后图片不同

b. 预计的行为，点击按钮后，“火柴人”出现不同动作

以上两点参考以下视频

好像插入不了视频，要看只能去“画个毛线”公众号了。

2. 过程1-按钮效果

a. 增加Button节点，给Button添加图片组件Sprite

image

image

b. 给按钮添加点击效果

image

image

3. 过程2-按钮动作

a. 新建文件夹和TS脚本

image

b. 接下来，就得自己动手丰衣足食了。下载安装vscode，并如下图配置

image

c. 双击脚本打开vscode后

image

3个动画的Animation Clip分别命名为“Run”、“Roll”和“Jump”。代码中调用时直接this.hero.play('名称')就会播放对应动画。

d. 接下来最后一步，关联按钮和脚本方法

image

大功告成。​