Shifty是JavaScript的补间引擎。它是一个轻量级库，旨在通过更高级别的工具进行封装。Shifty的核心是：

• Numbers随时间的插值（补间）
• 单个补间的播放控制
• 扩展过程中关键点的可扩展性挂钩

这很有用，因为它是构建可自定义动画所需的最少功能。Shifty经过优化，每秒运行很多次，处理和内存开销最小，这对于实现流畅的动画是必要的。

安装

npm install --save shifty

发展Shifty

首先，通过npm安装依赖项，如下所示：

npm install

安装完成后，您可以使用以下命令生成dist/shifty.js：

npm run build

要运行测试：

npm test

要生成文档（dist/doc）：

npm run doc

要在浏览器中生成实时文档：

npm run doc:live

加载Shifty

Shifty暴露了UMD模块，因此您可以随意加载它：

// ES6
import { tween } from 'shifty';

or

// AMD
define(['shifty'], function(shifty) {
  shifty.tween({ from: { x: 0 }, to: { x: 10 } });
});

or

// CommonJS
const shifty = require('shifty');

shifty.tween({ from: { x: 0 }, to: { x: 10 } });

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/2212