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 ...
随机推荐
- java获取文件的路径问题
java获取文件的路径问题 在java中读取读取文件,经常因为路径的问题找不到,此文用于记录如何定位文件的简单方法. 本基于springboot做的测试,主要是构建工程方便,所用的方法都是JDK中的方 ...
- C语言中gets(), scanf()区别
C语言中gets(), scanf()区别 相同点: gets()和 scanf() 1.函数都可用于输入字符串 2.都在stdio.h头文件中定义. 3.字符串接受字符结束后自动加'\0' 不同点: ...
- linux虚拟机设置本地yum源
1.挂载ISO镜像 2.创建文件夹,用于挂载光盘,mkdir /mnt/cdrom mount /dev/cdrom /mnt/cdrom 3.修改 repo 文件 baseurl=file:///挂 ...
- C-Free 5 安装 [Error] G__~1.EXE: (x86)\C-FREE~1\mingw\mingw32\bin\: No such file or directory
解决[Error] g++.exe: 5\mingw\include: No such file or directory - 陆总的博客 - CSDN博客 https://blog.csdn.net ...
- php值callback类型和匿名函数(闭包)
callback.callable类型 自PHP5.4起可以使用callable类型制定回调类型callback. 本文档基于同样理由使用callback类型信息. 一些函数如call_user_fu ...
- 动态代理Dynamic Proxy
代理模式是常用的Java设计模式,他的特征是代理类与委托类有同样的接口,代理类主要负责为委托类 预处理消息,过滤消息,把消息转发给委托类,以及事后处理消息等. 代理类与委托类之间通常会存在关联关系,一 ...
- word 使用总结
1.标题: 开始->标题栏 2.插入目录: 引用---->更新目录 3.保持分页:页面布局->分隔符->分页符
- dp的斜率优化
对于刷题量我觉得肯定是刷的越多越好(当然这是对时间有很多的人来说. 但是在我看来我的确适合刷题较多的那一类人,应为我对知识的应用能力并不强.这两天学习的内容是dp的斜率优化.当然我是不太会的. 这个博 ...
- navicat新建用户,并赋予权限
一.新建用户 二.设置主机和密码 主机%的意思是允许用户本地登入和远程登入. 三.选择表或者视图 右键,选择设置权限 四. 选择添加权限. 五. 选择用户以及Select 和 Show View ...
- js 正则判断字符串下划线的长度
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...