shifty

shifty 介绍

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://jeremyckahn.github.io/shifty/doc/

GitHub:https://github.com/jeremyckahn/shifty

网站描述:一个极小的JavaScript tweening引擎

shifty

官方网站：https://jeremyckahn.github.io/shifty/doc/