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

大功告成。​

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

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,773评论 0 17
  • 女神你好! 今天是女神节,远在千里之外不善言语的我对着屏幕上的你无法述说我浓浓的思念之情。也想不到有什么样的礼物能...
    依然相信未来阅读 3,276评论 0 1
  • 应尽便须尽 无复独多虑
    晨曦山鸡阅读 1,014评论 0 0
  • 上个周末,EOS代币冻结+主网启动。至少到今天为止,似乎一切正常。 4月以来,随着所谓超级节点竞选的“热潮”,无论...
    Ponge阅读 1,768评论 0 0
  • 厌烦了这个世界, 还得迎风雨前行。 向往那自在浪漫, 时刻按程序运转。 这个世界, 规则,总是设定给遵循规则的人。...
    扶摇_789e阅读 3,012评论 1 7