Cocos2d-x可以实现的动画效果
动作(Actions)
move移动:moveto/moveby 从一个位置移动到另外一个位置 从一个位置移动多少数量级
rotate旋转:rotateto/rotateby 从一个角度旋转到另外一个角度 旋转多少个数量级
scale缩放:scaleto/scaleby 放大缩小到什么程度
skew倾斜:skewto/skewby 倾斜到什么程度
rotationalskew旋转着倾斜:rotationalskewto/rotationalskewby 旋转着倾斜
Skew+scale+rotate倾斜+缩放+旋转
jump跳跃:jumpto/jumpby 跳跃到某个位置。或者以某个数量接跳跃
cardinalspline,catmullrom沿着某个路径移动:沿着某个图形移动。能够是规则的图形也能够是不规则图形
bezier两个精灵重叠在一起一个在前面,一个在后面:bezierto/bezierby
blink一闪一闪的效果
fadein/fadeout淡入淡出效果
tint色彩:tintto/tintby 改变小精灵的色彩
animation动画:让小精灵呈现动态效果
sequence:move+rotate:移动加旋转序列
sequence:move+rotate+scale+removeself:移动。旋转,缩放,让自己消失
spawn:jump+rotate:一边跳一边旋转,向翻跟斗一样
reverse an action:运行一个动作相反的动作
delaytime延迟时间:move+delay+move移动+延迟一段时间+移动
repeat/repeatforever:反复运行或者永久反复运行动作
reverse a sequence:反向运行一个序列
orbit camera:轨道摄像机
pauseresumeactions:暂定和继续actions
过渡(transitions)
所谓过渡也就是第一个场景怎样过渡到第二个场景,能够加入非常多效果。
CCTransitionProgressInOut:一个场景以一个长方形的形式逐渐变大。然后显示另外一个场景。
CCTransitionProgressOutIn:一个场景逐渐变小。直到消失,是通过一个大长方形到一个小长方形消失的。然后组件显示第二个场景,先显示的是第二个场景外围的区域,然后再显示第二个场景里面区域。
CCTrasitionCrossFade:一个场景渐出,一个场景渐入
TransitionPageForward:向前翻页效果
TransitionPageBackward:向后翻页效果
CCTransitionFadeTR:第一个场景从左下角開始淡出一直到右上角,第二个场景从左下角開始淡入一直到右上角
CCTransitionFadeBL:第一个场景从右上角開始淡出一直到左下角,第二个场景从右上角開始淡入一直到左下角
CCTransitionFaceUp:第一个场景从底部開始淡出一直到顶部,第二个场景从底部開始淡入一直到顶部
CCTransitonFadeDown:第一个场景从顶部開始淡出一直究竟部,第二个场景从顶部開始淡入一直究竟部
CCTransitionTurnOffTiles:以随机的顺序关闭掉外出的场景的砖瓦
CCTransitionSplitRows:奇数行向左出。偶数行向右出
CCTransitionSplitCols:奇数行向下出,偶数行向上出
CCTransitionFade:出去的场景淡出。屏幕变黑。进来的场淡入
FadeWhileTransition:出去的场景淡出。屏幕变白,进来的场淡入
FlipXLeftOver:沿着X从左翻转
FlipXRightOver:沿着X从右翻转
FlipYUpOver:沿着Y从上,翻转
FlipYDownOver:沿着Y从下翻转
FlipAngularLeftOver:从某个角度在左边翻转场景
FlipAngularRightOver:从某个角度在右边翻转场景
FlipAngularUpOver:从某个角度在上边翻转场景
FlipAngularDownOver:从某个角度在下边翻转场景
ZoomFlipXLeftOver:沿着X从左翻转。并且有放大缩小效果
ZoomFlipXRightOver:沿着X从右翻转,并且有放大缩小效果
ZoomFlipYUpOver:沿着Y从上翻转。并且有放大缩小效果
ZoomFlipYDownOver:沿着Y从下翻转。并且有放大缩小效果
ZoomFlipAngularLeftOver:沿着某个角度从左翻转,并且有放大缩小效果
ZoomFlipAngularRightOver:沿着某个角度从右翻转。并且有放大缩小效果
CCTransitionShrinkGrow:缩小出去的场景,放大进来的场景
CCTransitionRoToRoom:一边旋转一边缩放
CCTransitionMoveInL:从左边进入
CCTransitinMoveInR:从右边进入
CCTransitionMoveInT:从上边进入
CCTransitionMoveInB:从下边进入
CCTransitionSlideInL:从左边滑动着进入,滑动的过程中把第一个场景推出去了
CCTransitionSlideInR:从右边滑动进入
CCTransitionSlideInT:从上边滑动进入
CCTransitionSlideInB:从下边滑动进入
CCTransitionJumpZoom:跳动加缩放
进度动作(actionprogress)
參考ActionsProgressTest
SpriteProgressToRadial:精灵沿着径向运行进度动画
SpriteProgressToHorizontal:精灵沿着水平方向运行动画
SpriteProgressToVertical:精灵沿着垂直方向运行动画
SpriteProgressToRadialMidpointChanged:精灵沿着中点改变时的那个径向运行进度动画
SpriteProgressBarVarious:精灵运行进度条动画时,精灵所在的那个条不断变化
SpriteProgressBarTintAndFade:精灵运行进度条动画时,颜色变化,并且有淡出效果
SpriteProgressWithSpriteFrame:并不不过精灵运行动画,精灵所在的整个frame运行动画效果,包含精灵所在的那个frame旁边的填充
特效(effects)
TurnOffTiles: 以随机的顺序关闭tiles
WavesTiles3D:3D效果摇摆tiles
JumpTiles3D:3D效果tiles跳跃起来,这样就能看到每一个tile以下的背景了
SplitRows:将整个场景分成若干行。奇数行往左,偶数行往右
SplitCols:将整个场景分成若干列。奇数列往下,偶数列往上
PageTurn3D:3D翻页效果
Shaky3D:整个页面震动效果
Waves3D:整个页面波动效果
FlipX3D:3D水平方向翻转效果
FlipY3D:垂直方向翻转效果
Lens3D:3D棱镜效果
Ripple3D:3D波纹效果
Liquid:液体晃动效果
Waves:波动效果
Twirl:转动效果
ShakyTiles3D:tiles震动3D效果
ShatteredTiles3D:肢离破碎的tiles3D效果
ShuffleTiles:将全部的tiles混乱排列的效果
FadeOutTRTiles:tiles从左下角向右上角淡出
FadeOutBLTiles:tiles从右上角向左下角淡出
FadeOutUpTiles:tiles从下向上淡出
FadeOutDownTiles:tiles从上向下淡出
Cocos2d-x可以实现的动画效果的更多相关文章
- app引导页(背景图片切换加各个页面动画效果)
前言:不知不觉中又加班到了10点半,整个启动页面做了一天多的时间,一共有三个页面,每个页面都有动画效果,动画效果调试起来麻烦,既要跟ios统一,又要匹配各种不同的手机,然后产品经理还有可能在中途改需求 ...
- Android动画效果之自定义ViewGroup添加布局动画
前言: 前面几篇文章介绍了补间动画.逐帧动画.属性动画,大部分都是针对View来实现的动画,那么该如何为了一个ViewGroup添加动画呢?今天结合自定义ViewGroup来学习一下布局动画.本文将通 ...
- Android动画效果之Property Animation进阶(属性动画)
前言: 前面初步认识了Android的Property Animation(属性动画)Android动画效果之初识Property Animation(属性动画)(三),并且利用属性动画简单了补间动画 ...
- Android动画效果之初识Property Animation(属性动画)
前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...
- Android动画效果之Frame Animation(逐帧动画)
前言: 上一篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画),今天来总结下Android的另外一种动画Frame ...
- Android动画效果之Tween Animation(补间动画)
前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation ...
- CSS3中的动画效果记录
今天要记录的是CSS3中的三种属性transform.transition以及animation,这三个属性大大提升了css处理动画的能力. 一.Transform 变形 CSS中transform ...
- 纯css3圆形从中心向四周扩散动画效果
查看效果:http://hovertree.com/texiao/css3/37/ 先来个简单的示例,例如: @keyframes hovertreemove{from {top:30px;}to { ...
- iOS之按钮出现时加一个动画效果
//按钮出现时的动画效果 + (void)buttonAnimation:(UIButton *)sender { CAKeyframeAnimation *animation = [CAKeyfra ...
- 用js实现动画效果核心方式
为了做好导航菜单,有时候需要在菜单下拉的时候实现动画效果,所以这几天就研究了研究如何用js实现动画效果,实现动画核心要用到两个函数,一个是setTimeOut,另一个是setInterval. 下边我 ...
随机推荐
- Server Tomcat v8.0 Server at localhost was unable to start within 45 seconds. If the server requires
Server Tomcat v8.0 Server at localhost was unable to start within 45 seconds. If the server requires ...
- 三大表连接方式详解之Nested loop join和 Sort merge join
在早期版本,Oracle提供的是nested-loop join,两表连接就相当于二重循环,假定两表分别有m行和n行 如果内循环是全表扫描,时间复杂度就是O(m*n) 如果内循 ...
- 【HDU 5015】233 Matrix
[题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5015 [算法] 矩阵乘法 [代码] #include<bits/stdc++.h> u ...
- checkbox改写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 17.QT键盘
mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> 5 #include <Q ...
- Centos7 minimal 系列之Redis集群搭建(六)
一.redis安装 借鉴上篇博客:http://www.cnblogs.com/WJ--NET/p/8176071.html 二.集群搭建 2.1.创建文件夹 mkdir redis_cluster ...
- Windows 10 的功能更新,版本 1809 - 错误 0x80070002
一般是双硬盘导致的问题,请打开电脑拆掉系统盘以外的硬盘,一般为固态硬盘和物理硬盘同时使用的电脑会出现此错误.
- 【转】JS回调函数--简单易懂有实例
JS回调函数--简单易懂有实例 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is ...
- 几个月来使用mobx代替redux的一些总结
遇到的一些小坑 React组件内部想要调用store里的action方法,得如下图,否则不会调用(这个现在看来好像不对,待重新检验) 而不能如下图 组件中调用改变store的action后,状态变化并 ...
- java 文件下载遇到的数个坑
文件的下载在web开发中应该是很常用的功能,近期项目中遇到的一个需求是:前端提供 查询条件以及查询结果的字段,后端拿到这些参数之后,在数据库中根据业务逻辑查询得出查询结果,导出成excel文件,同时传 ...