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引擎