# CL_Animate.js **Repository Path**: yangkaiji/CL_Animate.js ## Basic Information - **Project Name**: CL_Animate.js - **Description**: 一款快速动画计算的javascript插件,提供多种缓动变化 - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 3 - **Created**: 2015-11-18 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README #js动画计算插件 Animate.js是一款用于js动画计算的插件,可应用于html页面特效设计、游戏动画设计,支持多种缓动公式:二次方、三次方、四次方、五次方、波动函数、幂运算、平方根、弹性膨胀、弹性反射、弹簧等 ##License Animate.js遵循[apache2.0](http://www.apache.org/licenses/LICENSE-2.0)协议发布 *** ##更新日志 ###2.1.0 `2015-03-06` * 回归经典,分离easy方法,让Animate只做计算的事,原因如下:jQuery称霸武林,同时Animate的缓动公式也可以提供给jQ使得jQ也可以支持多种缓动方法,easy也只是分离,并非废除,该方法以扩展插件的形式分离到Animate.easy.js上。 * easy方法优化style的读取,解决一处无意霸占全局变量的问题 ###2.0.3 `2014/12/17` * 增加对RequireJS、SeaJS、GlightJS、NodeJS的支持 ###2.0.2 `2014/11/22` * 修复css样式解析中,浮点数解析有误的BUG ###2.0.1 * 修复在IE下出现语法错误的BUG ###2.0.0 * 缺省fps修改为60帧/秒 * 废弃1.0版缓动公式,不再支持原1.0的缓动公式而采用全新的缓动公式(可使用兼容扩展包重新支持旧版缓动公式) * 新增jQuery内置缓动公式linear、swing与标准的缓动公式: * (变化曲线图:http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html) * 类型:加速、减速、加速后减速 * 二次方:easeInQuad、easeOutQuad、easeInOutQuad * 三次方:easeInCubic、easeOutCubic、easeInOutCubic * 四次方:easeInQuart、easeOutQuart、easeInOutQuart * 五次方:easeInQuint、easeOutQuint、easeInOutQuint * 波动函数:easeInSine、easeOutSine、easeInOutSine * 幂运算:easeInExpo、easeOutExpo、easeInOutExpo * 平方根:easeInCirc、easeOutCirc、easeInOutCirc * 弹性膨胀:easeInElastic、easeOutElastic、easeInOutElastic * 弹性反射:easeInBack、easeOutBack、easeInOutBack * 弹簧:easeInBounce、easeOutBounce、easeInOutBounce * 重构easy逻辑与样式获取方式,增加了单位换算,更准确的计算出了元素节点样式,同时增加了特殊样式的支持以及单属性多变量的支持。 * 缓动公式独立化,支持缓动公式扩展 ###1.0.0 `2013-11-28` * 更名为CL_Animate,同时也以全新版本面世 (创建动画对象不向下兼容,run、stop方法保持不变) * 全面改进算法,由于变化次数的设置很让人捉摸不透,故而废弃变化次数并新增帧数的设置,缺省100帧,由变化数作为因变量更换为时间差作为因变量,流畅度更高(低性能的ie再也不卡顿了) * 新增抛物线加减速算法,由于抛物线减速算法体验更好,故而将其设为默认算法 * 新增init重置属性 * 新增easy直接通过设置节点css样式实现动画(类似jq的animate哦) * 新增para-acc抛物线加速算法 * 新增para-dec抛物线减速算法 ###0.0.2 `2013-01-22` * 精确度由百分比调节为千分比 * 优化判断代码为switch语句 * 修正默认算法不是圆弧减速的问题 ###0.0.1 `2013-01-19` * 全新CL_Cartoon动画计算插件诞生