Cocos Creator 动作(动画)笔记
动作
cc.ActionInterval 和cc.ActionInstant;
var action = cc.moveTo(2, 100, 100); // 创建一个移动动作
node.runAction(action); // 执行动作
node.stopAction(action); // 停止一个动作
node.stopAllActions(); // 停止所有动作
顺序动作 cc.sequence :
var seq = cc.sequence(cc.moveBy(0.5, 200, 0), cc.moveBy(0.5, -200, 0));
node.runAction(seq)
同步动作 cc.spawn :
var spawn = cc.spawn(cc.moveBy(0.5, 0, 50), cc.scaleTo(0.5, 0.8, 1.4));
node.runAction(spawn);
var seq = cc.repeat( cc.sequence( cc.moveBy(2, 200, 0), cc.moveBy(2, -200, 0) ), 5);
node.runAction(seq);
var seq = cc.repeatForever( cc.sequence( cc.moveBy(2, 200, 0), cc.moveBy(2, -200, 0) ));
var finished = cc.callFunc(this.myMethod, this, opt); //(回调函数,对象,回调方法的传参)
//缓动动作,变成了动作的一个属性;
var aciton = cc.scaleTo(0.5, 2, 2);
action.easing(cc.easeIn(3.0))
容器动作
动作名称 简介
cc.sequence 顺序执行动作
cc.spawn 同步执行动作
cc.repeat 重复执行动作
cc.repeatForever 永远重复动作
cc.speed 修改动作速率
即时动作
动作名称 简介
cc.show 立即显示
cc.hide 立即隐藏
cc.toggleVisibility 显隐状态切换
cc.removeSelf 从父节点移除自身
cc.flipX X轴翻转
cc.flipY Y轴翻转
cc.place 放置在目标位置
cc.callFunc 执行回调函数
cc.targetedAction 用已有动作和一个新的目标节点创建动作
时间间隔动作
动作名称 简介
cc.moveTo 移动到目标位置
cc.moveBy 移动指定的距离
cc.rotateTo 旋转到目标角度
cc.rotateBy 旋转指定的角度
cc.scaleTo 将节点大小缩放到指定的倍数
cc.scaleBy 按指定的倍数缩放节点大小
cc.skewTo 偏斜到目标角度
cc.skewBy 偏斜指定的角度
cc.jumpBy 用跳跃的方式移动指定的距离
cc.jumpTo 用跳跃的方式移动到目标位置
cc.follow 追踪目标节点的位置
cc.bezierTo 按贝赛尔曲线轨迹移动到目标位置
cc.bezierBy 按贝赛尔曲线轨迹移动指定的距离
cc.blink 闪烁(基于透明度)
cc.fadeTo 修改透明度到指定值
cc.fadeIn 渐显
cc.fadeOut 渐隐
cc.tintTo 修改颜色到指定值
cc.tintBy 按照指定的增量修改颜色
cc.delayTime 延迟指定的时间量
cc.reverseTime 反转目标动作的时间轴
cc.cardinalSplineTo 按基数样条曲线轨迹移动到目标位置
cc.cardinalSplineBy 按基数样条曲线轨迹移动指定的距离
cc.catmullRomTo 按 Catmull Rom 样条曲线轨迹移动到目标位置
cc.catmullRomBy 按 Catmull Rom 样条曲线轨迹移动指定的距离
Cocos Creator 动作(动画)笔记的更多相关文章
- 关于Cocos Creator用js脚本代码播放骨骼动画的步骤和注意事项
步骤: 1.用cc.find()方法找到相应的骨骼动画节点,并把这个对象赋值给一个var出来的新对象. 具体代码:var spineboy_anim = cc.find("UI_Root/a ...
- Cocos Creator 中的动作系统那些事儿
动作系统就是可以在一定的时间内实现位移.旋转.缩放.跳动等各种动作. 需要注意的是,动作系统跟 Cocos Creator 编译器的动画系统不同,动作系统是面向程序员的API接口,而动画系统是通过编译 ...
- [经验] Cocos Creator使用笔记 --- 调用不同脚本下的函数
因为 JavaScript 不同于 Java, 想要调用不同文件的函数的话不能直接 ClassName object = new ClassName(); object.function(param) ...
- Cocos Creator实现的《点我+1》
一.前言 在学习Cocos中,需要一些东西来练手,于是前段时间就开发仿照一款公司之前的产品<点我+1>来做,仿照过程中,所有的算法逻辑都是自己研究的,并没有参考公司代码,也没有使用公司的美 ...
- Cocos Creator 入门
Cocos Createor 资源 略 场景 节点树 节点与组件 坐标系 脚本 组件声明,生命周期回调 var Component = cc.Class({ // 用于序列化,可省略 name: 's ...
- cocos creator入门
前面的话 Cocos Creator 是一个完整的游戏开发解决方案,包括了 cocos2d-x 引擎的 JavaScript 实现,以及快速开发游戏所需要的各种图形界面工具.Cocos Creator ...
- Cocos Creator 生命周期回调(官方文档摘录)
Cocos Creator 为组件脚本提供了生命周期的回调函数.用户通过定义特定的函数回调在特定的时期编写相关 脚本.目前提供给用户的声明周期回调函数有: onLoad start update la ...
- cocos creator 入门理解点
简单解释, [来源:官方文档] Cocos是触控科技推出的游戏开发一站式解决方案,包含了从新建立项.游戏制作.到打包上线的全套流程.开发者可以通过cocos快速生成代码.编辑资源和动画,最终输出适合于 ...
- Cocos Creator学习目录
目录 安装和启动 文件结构 编辑器基础 基本概念 (场景树 节点 坐标 组件 ) Cocos Creator 脚本简介 Cocos Creator调试 节点 cc.Node 组件开发cc.Compon ...
随机推荐
- 淘宝NPM镜像cnpm
# 安装cnpm命令 npm install -g cnpm --registry=https://registry.npm.taobao.org2.cnpm install
- role="navigation"
HTML5的标签属性,可以用于标识一个普通的标签,使之语义化,方便浏览器对其具体功能进行识别. 例如div容器制作的导航栏,加上role="navigation",就可以让浏览器知 ...
- dos基本指令
目录操作 dir 操作磁盘文件目录 md / mkdir <folder name> 创建子目录make directory cd 改变当前工作目录,返回上一级 cd .. rd 删 ...
- linux 记录所有用户bash操作日志
记录所有用户登录系统的任何操作日志,以便有据可查. 1.编辑 /etc/profile文件. 1 # vim /etc/profil 2. 在其后添加如下内容 1 2 3 4 5 6 7 8 ...
- java中组合与聚合(聚集)的区别
组合和聚合是有很大区别的,这个区别不是在形式上,而是在本质上: 组合:比如A类中包含B类的一个引用b,当A类的一个对象消亡时,b这个引用所指向的对象也同时消亡(没有任何一个引用指向它,成了垃圾对象) ...
- [hyperscan] hyperscan 1到1.5 --!!
[hyperscan][pkg-config] hyperscan 从0到1路线图 接续前文,继续深入理解: 概述: 1. 自动机理论,是hyperscan的理论基础. https://zh.wik ...
- [模式匹配] AC 自动机 模式匹配
广义的模式匹配: https://en.wikipedia.org/wiki/Pattern_matching 字符串模式匹配: https://en.wikipedia.org/wiki/Strin ...
- Copycat - MemberShip
https://github.com/atomix/copycat http://atomix.io/copycat/docs/membership/ 为了便于实现,Copycat把membe ...
- 将DOS格式的shell脚本转为UNIX格式
shell脚本是UNIX格式,在修改其中内容时,务必保持UNIX格式.UE编辑器打开时,会询问是否转为DOS格式,请点否.如果修改完成后,不能确认是否为DOS格式,可以使用UE文件菜单下的Conver ...
- 如何在安装node\npm\cnpm
1.安装node.js node.js的官方地址为:https://nodejs.org/en/download/. 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用 ...