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

大功告成。​

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容