http://www.cnblogs.com/cloudgamer/archive/2009/01/06/tween.html
2009-05-14 09:29
387 查看
做个记号,哈哈,喜欢js缓动效果的可以去看看
转自 http://www.cnblogs.com/cloudgamer/archive/2009/01/06/tween.html
效果说明
首先大家到这里下载flash的as脚本(建议看看这里的demo),1.0和2.0都可以(里面的算法都一样)。
例如打开2.0的可以看到几个as文件,每个文件对应一个Tween效果,分别有(参考里面的说明):
Linear:无缓动效果;
Quadratic:二次方的缓动(t^2);
Cubic:三次方的缓动(t^3);
Quartic:四次方的缓动(t^4);
Quintic:五次方的缓动(t^5);
Sinusoidal:正弦曲线的缓动(sin(t));
Exponential:指数曲线的缓动(2^t);
Circular:圆形曲线的缓动(sqrt(1-t^2));
Elastic:指数衰减的正弦曲线缓动;
Back:超过范围的三次方缓动((s+1)*t^3 - s*t^2);
Bounce:指数衰减的反弹缓动。
ps:以上都是自己的烂翻译,希望各位修正。
每个效果都分三个缓动方式(方法),分别是:
easeIn:从0开始加速的缓动;
easeOut:减速到0的缓动;
easeInOut:前半段从0开始加速,后半段减速到0的缓动。
其中Linear是无缓动效果,没有以上效果。
转自 http://www.cnblogs.com/cloudgamer/archive/2009/01/06/tween.html
效果说明
首先大家到这里下载flash的as脚本(建议看看这里的demo),1.0和2.0都可以(里面的算法都一样)。
例如打开2.0的可以看到几个as文件,每个文件对应一个Tween效果,分别有(参考里面的说明):
Linear:无缓动效果;
Quadratic:二次方的缓动(t^2);
Cubic:三次方的缓动(t^3);
Quartic:四次方的缓动(t^4);
Quintic:五次方的缓动(t^5);
Sinusoidal:正弦曲线的缓动(sin(t));
Exponential:指数曲线的缓动(2^t);
Circular:圆形曲线的缓动(sqrt(1-t^2));
Elastic:指数衰减的正弦曲线缓动;
Back:超过范围的三次方缓动((s+1)*t^3 - s*t^2);
Bounce:指数衰减的反弹缓动。
ps:以上都是自己的烂翻译,希望各位修正。
每个效果都分三个缓动方式(方法),分别是:
easeIn:从0开始加速的缓动;
easeOut:减速到0的缓动;
easeInOut:前半段从0开始加速,后半段减速到0的缓动。
其中Linear是无缓动效果,没有以上效果。
相关文章推荐
- http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html
- http://www.cnblogs.com/end/archive/2012/09/25/2701486.html
- http://www.cnblogs.com/kuibono/archive/2012/05/25/2517944.html
- http://www.cnblogs.com/ktyanny/archive/2009/12/25/1632297.html
- PHP中spl_autoload_register函数的用法 ---转载自http://www.cnblogs.com/myluke/archive/2011/06/25/2090119.html
- http://www.cnblogs.com/filod/archive/2011/08/21/2147960.html
- http://www.cnblogs.com/hanshuhe/archive/2012/08/30/vss.html
- 字典树模板及讲解 http://www.cnblogs.com/tanky_woo/archive/2010/09/24/1833717.html
- 正则表达式语法 http://www.cnblogs.com/light169/archive/2006/10/18/532347.html
- http://www.cnblogs.com/wengyuli/archive/2010/06/29/silverlight-video-chat.html
- 几个排序算法 转载于:http://www.cnblogs.com/Trony/archive/2011/11/08/leiyang.html
- socket (转,吴秦,http://www.cnblogs.com/skynet/archive/2010/12/12/1903949.html)
- http://www.cnblogs.com/genson/archive/2006/01/17/318882.html
- http://www.cnblogs.com/yungboy/archive/2009/03/11/1408286.html 请输入标题
- http://www.cnblogs.com/yungboy/archive/2010/05/25/1744009.html
- http://www.cnblogs.com/yungboy/archive/2010/06/08/1753396.html
- STL所有算法简介 (转) http://www.cnblogs.com/yuehui/archive/2012/06/19/2554300.html
- http://www.cnblogs.com/tingzi/archive/2012/08/17/2643742.html
- 发布一款层次下拉列表控件 转自 http://www.cnblogs.com/studyzy/archive/2008/02/25/1080289.html?
- ArcInfo和MapInfo的比较 转 http://www.cnblogs.com/njnudt/archive/2007/07/18/821974.html