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. 下边我 ...
随机推荐
- Milk(杭电1070)
Milk Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submi ...
- HTML5 格式化方式以及应用
<b>加粗字体 <big>定义大号字体 <em>定义着重文字 <i>定义斜体字 <small>定义小号字体 <strong>定义 ...
- 【转】如何在Mac 终端升级ruby版本
原文网址:https://segmentfault.com/a/1190000003784636 rvm是什么?为什么要安装rvm呢,因为rvm可以让你拥有多个版本的Ruby,并且可以在多个版本之间自 ...
- webstorm配置Monokai-Sublime.jar主题
https://github.com/OtaK/jetbrains-monokai-sublime 导入下载的Monokai-Sublime.jar jar包即可使用.
- 4. Median of Two Sorted Arrays[H]两个有序数组的中位数
题目 There are two sorted arrays nums1 and nums2 of size m and n respectively. Find the midian of the ...
- SQL纯手写创建数据库到表内内容
建表啥的只点点鼠标,太外行了,不如来看看我的纯手写,让表从无到有一系列:还有存储过程临时表,不间断的重排序: 一:建数据库 create Database Show on primary ( name ...
- input上传文件检测文件大小
前几天在做 input[type='file'] 上传图片时,需要检测上传文件的内存大小,写了一个小demo,在此做一总结: <!DOCTYPE html> <html lang=& ...
- 微信小程序中获取高度及设备的方法
由于js中可以采用操纵dom的方法来获取页面元素的高度,可是在微信小程序中不能操纵dom,经过查找之后发现仅仅只有以下几个方法可以获取到高度 wx.getSystemInfoSync().window ...
- 【摘录】JAVA内存管理-有关垃圾收集的关键参数
第八章 有关垃圾收集的关键参数 一些命令行参数可以用来选择垃圾收集器,指定堆或代的大小,修改垃圾收集行为,获取垃圾收集统计数据.本章给出一些最常用的参数.有关各种各样参数更多完整的列表和详细信息可以参 ...
- CDR实例教程-高考789,敢拼就能赢!
本教程是我去年做的一个案例,本来今年想要在做一个,突然意识到今天就是高考日了,没来的及,所以大家将就看些.7.8.9是值得一生纪念的日子,也是以后的每年都会怀念的日子,因为是全国都在上演史诗大剧“决战 ...