quick-cocos2dx 之transition.execute()的缓动效果
注:本文图片来源(http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html。 侵权请告知,即刻删除)
什么是缓动, 缓动(easing) 是指动画效果在运行时被指定速度,使视感更加真实。
比較经典的, 缓慢開始。然后加速称为“缓入”(ease in),
高速開始。然后减速称为“缓出”(ease out)。
两者的结合叫做“缓入缓出”(ease in out)。
quick cocos2dx中的transition.execute() 是一个强大的工具。能够为原本单一的动作加入各种附加特性。
transition.execute() 的參数表格支持下列參数:
delay: 等待多长时间后開始运行动作
easing: 缓动效果的名字及可选的附加參数,效果名字不区分大写和小写
onComplete: 动作运行完毕后要调用的函数
time: 运行动作须要的时间
以下是transition.execute() 支持的的一些缓动及描写叙述:
backIn
反方向移动缓慢,加速度相反
backOut
高速移动到结束。 然后缓慢返回到结束
backInOut
以backIn開始, 以backOut结束
bounce
bounceIn
以弹性缓动效果開始
bounceInOut
開始和结束都是弹性缓动效果
bounceOut
以弹性缓动效果结束
elastic, 附加參数默觉得 0.3
elasticIn, 附加參数默觉得 0.3
elasticInOut, 附加參数默觉得 0.3
elasticOut, 附加參数默觉得 0.3
exponentialIn, 附加參数默觉得 1.0
exponentialInOut, 附加參数默觉得 1.0
exponentialOut, 附加參数默觉得 1.0
In, 附加參数默觉得 1.0
带比例系数的cc.EaseIn 由慢到快- InOut, 附加參数默觉得 1.0
慢快慢 Out, 附加參数默觉得 1.0
带比例系数的cc.EaseIn 由快到慢rateaction, 附加參数默觉得 1.0
使用比例系数缓动actoonsineIn
加速度先慢后快
sineInOut
加速度由快变慢再变快
sineOut
加速度先快后慢
版权声明: 本文为博主原创文章。未经博主同意不得转载。
若本文内容侵权请告知,即刻删除。
如有错误,欢迎指出。 可在下方评论,亦可联系我。
Contact me:
QQ:812123870
e-mail:dxmdxm1992@gmail.com
quick-cocos2dx 之transition.execute()的缓动效果的更多相关文章
- javascript的缓动效果
这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化.成品的效果非常惊人逆天.走过路过不要错过. 好了,打诨到此为止.普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公 ...
- javascript 45种缓动效果BY司徒正美
javascript 45种缓动效果 参数 类型 说明 el element 必需,为页面元素 begin number 必需,开始的位置 change number 必需,要移动的距离 durati ...
- 过渡与动画 - 缓动效果&基于贝塞尔曲线的调速函数
难题 给过渡和动画加上缓动效果是一种常见的手法(比如具有回弹效果的过渡过程)是一种流行的表现手法,可以让界面显得更加生动和真实:在现实世界中,物体A点到B点往往也是不完全匀速的 以纯技术的角度来看,回 ...
- animation js控制 缓动效果
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>缓动 ...
- [ActionScript 3.0] AS3 用于拖动对象时跟随鼠标的缓动效果
package com.fylibs.components.effects { import flash.display.DisplayObject; import flash.events.Even ...
- Adobe Edge Animate –弹性的方块-使用tweenmax缓动效果
Adobe Edge Animate –弹性的方块-使用tweenmax缓动效果 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 此前有Edge爱好者提出一 ...
- 《JavaScript 实战》:Tween 算法及缓动效果
Flash 做动画时会用到 Tween 类,利用它可以做很多动画效果,例如缓动.弹簧等等.我这里要教大家的是怎么利用 Flash 的 Tween 类的算法,来做js的Tween算法,并利用它做一些简单 ...
- 软件项目技术点(1)——Tween算法及缓动效果
AxeSlide软件项目梳理 canvas绘图系列知识点整理 Tween算法及缓动效果 软件里在切换步序时需要有过渡动画效果,从当前位置的画面缓动到目标位置的画面.动画效果可重新查看文章系列第一篇 ...
- WPF中ListBox滚动时的缓动效果
原文:WPF中ListBox滚动时的缓动效果 上周工作中遇到的问题: 常规的ListBox在滚动时总是一格格的移动,感觉上很生硬. 所以想要实现类似Flash中的那种缓动的效果,使ListBox滚动时 ...
随机推荐
- bzoj4956: [Wf2017]Secret Chamber at Mount Rushmore
F......loyd? 这范围也是..... 然而大了也不会.... #include<cstdio> #include<iostream> #include<cstr ...
- bzoj4247: 挂饰(背包)
4247: 挂饰 题目:传送门 题解: 看完题目很明显的一道二维背包(一开始还推错了) 设f[i][j]表示前i个挂饰选完(可以有不选)之后还剩下j个挂钩的最大值(j最多贡献为n) 那么f[i][j] ...
- [SCOI 2010] 股票交易
[题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=1855 [算法] 单调队列优化动态规划 [代码] #include<bits/s ...
- js 随机生成信用卡号
本文实例讲述了JavaScript随机生成信用卡卡号的方法.分享给大家供大家参考.具体分析如下: 这段JS代码根据信用卡卡号产生规则随机生成信用卡卡号,是可以通过验证的,仅供学习参考,请不要用于非法用 ...
- [XJOI]noip45 T2 图
***图*** 解题思路:这题的原题似乎好像是NOI某年的题目,然后数据改水了 于是就可以用一些简单的最短路算法水掉. 因为他是要求max(a)+max(b)的值,所以单纯的最短路是不行的 我们可以枚 ...
- JVM概论
引子 Java虚拟机是Java应用程序的执行环境.通常而言,JVM是由一组严格的指令集和一个复杂的内存模型来具体实现的虚拟机,它用来解释编译好的java字节码文件,将字节码转换为特定机器可以执行的本机 ...
- 【OpenCV】关于 waitKey()的使用方法
C++: int waitKey(int delay=0) cvWaitKey()函数的功能是不断刷新图像,频率时间为delay,单位为ms. 返回值为当前键盘按键值. 所以显示图像时,如果需要在cv ...
- 爱,死亡和机器人 第十四集 齐马蓝 中文字幕(Python处理utf8文件获取想要的内容)
处理代码 file = "a.srt" fi = open(file, mode='r') a = fi.readline() i = 1 while len(str(a)) != ...
- C++调用Matlab 注意事项
前言:脑残的使用了C++调用Matlab,没想到Matlab的使用者的智商还真TMD不一般, 竟然有这样的 plot(x_Abnorm_index,Vec2(Abnorm_index),'sb','l ...
- WPF添加类库并引用
源码地址:https://github.com/lizhiqiang0204/-WpfApp2.git 首先利用WPF向导创建一个空的项目 using System.Windows; namespac ...