美文网首页
3. 游戏按钮关联动作

3. 游戏按钮关联动作

作者: mspeer | 来源:发表于2019-10-13 21:51 被阅读0次

为啥是第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

大功告成。​

相关文章

  • 3. 游戏按钮关联动作

    为啥是第3篇,因为第2篇是把游戏发布到IOS手机,不是必须步骤,写到简书了。 前置说明 翻滚和滑闪的动画参考跑步做...

  • iOS - 评价星级

    1.通过xib布局,添加五个按钮,并设置tag值: 2.关联属性,将五个按钮放入同个数组中: 3.按钮添加点击事件:

  • 简易按钮示例

    1.导入模块 2.创建python函数,输出log 3.创建按钮,关联信号槽 4.程序运行 5.点击按钮后,控制台...

  • 用ES6语法写的btnSelect下拉按钮

    btnSelect下拉按钮 按钮支持多个按钮关联,带联想功能 补上css,这里是用stylus语法

  • 平面设计课堂:按钮如何设计更能吸引人

    按钮的不同分类如下: * 动作按钮 * 常用按钮样式 * 按钮的颜色和形状 * 按钮状态和反馈 * 标签按钮 * ...

  • flutter按钮

    漂浮动作按钮FloatingActionButton 文字按钮FlatButton RaisedButton 描边...

  • cocos2dx中游戏 动作加速setTimeScale

    游戏中经常在战斗环节中 下面按钮有x2 x4的标志 ,意思就是动作加速,点击后 动作立刻变的更快了。我们coco...

  • 四、功能按钮Button

    功能按钮基本概念 功能按钮也可称作按钮,在窗口组件中可以设计在单击功能按钮时,执行某一个特定的动作,这个动作也称为...

  • 2018-09-04 Day12 Pygame

    01.Pygame基本操作 1.初始化游戏模块 2.创建游戏窗口 3.让游戏一直运行,直到点关闭按钮才结束 02....

  • 子表数据不为空

    /* 参数isTransact为true,表示办理按钮触发的保存动作 其他情况是保存按钮触发的保存动作 */ fu...

网友评论

      本文标题:3. 游戏按钮关联动作

      本文链接:https://www.haomeiwen.com/subject/utgkmctx.html