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 ...
随机推荐
- 洛谷 P1583魔法照片 & P1051谁拿了最多奖学金 & P1093奖学金
题目:https://www.luogu.org/problemnew/show/P1583 思路:sort sort sort //#include<bits/stdc++.h> #in ...
- 浏览器下载Excel,直接打开显示乱码...
情景: 浏览器中点击下载文件有两个选项:[打开][下载] [打开]之后,提示["文件.xlsx"的文件格式和扩展名不匹配.文件可能已损坏或不安全.除非您信任其来源,否则请勿打开.是 ...
- vins-mono调试教程
https://www.cnblogs.com/Jessica-jie/p/6950604.html
- [No0000130]WPF 4.5使用标记扩展订阅事件
自从我上次写到关于标记扩展的时候已经有一段时间了...... Visual Studio 11 Developer Preview的发布给WPF带来了一些新功能,让我有理由再次使用它们.我要在这里讨论 ...
- Django 的操作
安装: pip install Django 创建django工程 django-admin startproject mysite python manage.py startapp blog / ...
- get post header获取数据方方法
/** * get方式获取数据 * @param $url * @param $data * @return bool|string */public function methodGet($url, ...
- [development][C] C语言标准
GUN C的标准文档: 也就是glibc https://www.gnu.org/software/libc/ http://man7.org/linux/man-pages/dir_section_ ...
- Dom4j与sax 简单对比
Dom4j与sax之间的对比 dom4j不适合大文件的解析,因为它是一下子将文件加载到内存中,所以有可能出现内存溢出,sax是基于事件来对xml进行解析的,所以他可以解析大文件的xml,也正是因为如此 ...
- 为单实例数据库配置ASM
环境配置沿用搭建RAC的环境配置 配置ASM可以在数据库软件安装之前进行,也可以在安装完数据库软件配置数据库前进行 [root@rac01 Packages]# cd /etc/yum.repos.d ...
- LeetCode 888 Fair Candy Swap 解题报告
题目要求 Alice and Bob have candy bars of different sizes: A[i] is the size of the i-th bar of candy tha ...