AEJoy —— 表达式之归位（复位）模拟详解【JS】

效果图

归位（back）

表达式代码与注释

var s = 1.70158; ///< 用于 "归位" 的超越量/// @note 归位函数
function outBack(t, b, c, d) {if (s == null)s = 1.70158;return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
}/// @note 实际调用弹性函数的缓动函数
function easeAndWizz() {var n = 0;/// @note 确保关键帧帧数是大于 0 的if (numKeys > 0) {n = nearestKey(time).index; ///< 获取最近的关键帧索引if (key(n).time > time) { ///< 如果最近的关键帧所处时间在当前时间之后（即时间还没到）n--; ///< 则取前一个关键帧的索引}}try {/// @note 前后两个关键帧var key1 = key(n);var key2 = key(n + 1);} catch (e) {return null;}/// @note 确定关键帧需要的数据维度var dim = 1; ///< 该属性至少是一维的try {key(1)[1]; ///< 数据有第二维度dim = 2;key(1)[2]; ///< 数据有第三维度dim = 3;} catch (e) { }t = time - key1.time; ///< 当前时间和前一个关键帧的时间差d = key2.time - key1.time; ///< 前后俩关键帧的时间差/// @note 计算关键帧上的属性，用于后期的弹性计算/// 一维sX = key1[0];eX = key2[0] - key1[0];/// @note 二维if (dim >= 2) {sY = key1[1];eY = key2[1] - key1[1];/// @note 三维if (dim >= 3) {sZ = key1[2];eZ = key2[2] - key1[2];}}if ((time < key1.time) || (time > key2.time)) {return value;} else {/// @note 进行归位计算val1 = outBack(t, sX, eX, d);/// @note 同样分为三个维度进行计算switch (dim) {case 1:return val1;break;case 2:val2 = outBack(t, sY, eY, d);return [val1, val2];break;case 3:val2 = outBack(t, sY, eY, d);val3 = outBack(t, sZ, eZ, d);return [val1, val2, val3];break;default:return null;}}
}
(easeAndWizz() || value);

AEJoy —— 表达式之归位（复位）模拟详解【JS】相关推荐

详解JS原型链与继承
详解JS原型链与继承 JavaScript 目录摘自JavaScript高级程序设计: 概念确定原型和实例的关系原型链的问题借用构造函数组合继承原型继承寄生式继承寄生组合式继承 new ...
php js实现流程图,详解js中构造流程图的核心技术JsPlumb（2）_javascript技巧
前言:上篇详解js中构造流程图的核心技术JsPlumb介绍了下JsPlumb在浏览器里面画流程图的效果展示,以及简单的JsPlumb代码示例.这篇还是接着来看看各个效果的代码说明. 一.设置连线的样式 ...
python获取mysql中的数据供js调用_详解js文件通过python访问数据库方法
我来教你 js文件怎么通过python访问数据库,希望能够为你带来帮助. 1.如果是要提交表单内容给服务器的 python 处理,那么只需要在表单里面的 action 填写服务端的处理路由就可以了 ...
socket服务器断开消息,详解JS WebSocket断开原因和心跳机制
1.断开原因 WebSocket断开的原因有很多,最好在WebSocket断开时,将错误打印出来. ws.onclose = function (e) { console.log('websocket ...
详解js对称加密和非对称加密
详解js对称加密和非对称加密 https保证数据在传输过程中不被窃取和篡改,从而保证传输安全 1.加密对称加密:产生一个密钥,可以用其加密,可以用其加密,也可以用其加解密. 这个密钥可以是任何东西, ...
详解 js 函数中的 arguments
详解 js 函数中的 arguments 1.什么 arguments 简单来说:arguments 是一个对应于传递给函数的参数的类数组对象 arguments 对象是所有(非箭头)函数中都可用的局 ...
详解js中的继承（一）
详解js中的继承(一) 前言准备知识 1.构造函数,实例 2.原型对象 3.构造函数,原型对象和实例的关系继承原型链小结前言通过[某种方式]让一个对象可以访问到另一个对象中的属性和方法,我 ...
linux 弹出窗口,实现弹出窗口的window.open用法详解(js代码)
实现弹出窗口的window.open用法详解(js代码) [1.最基本的弹出窗口代码] 其实代码非常简单: 因为这是一段javascripts代码,所以它们应该放在 cript">标签 ...
详解JS中的Object
详解 JS 中的 Object 从本质上看,Object 是一个构造函数,用于创建对象. 一.Object 构造函数的属性在 Object 中声明的属性只有两个: Object.length -- ...
python 正则表达式断言不定长表达式_【教程】详解Python正则表达式之： (?!…) negative lookahead assertion 前向否定匹配 /前向否定断言...
Python 2.7的官网文档中的解释是:(?!...)Matches if ... doesn't match next. This is a negative lookahead assertio ...

AEJoy —— 表达式之归位（复位）模拟详解【JS】

效果图

表达式代码与注释

AEJoy —— 表达式之归位（复位）模拟详解【JS】相关推荐

最新文章

热门文章