shifty

编程之家收集整理的这个编程导航主要介绍了shifty编程之家,现在分享给大家,也给大家做个参考。

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/

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

Chartkick,用一行Ruby代码创建漂亮的JavaScript图表
Tabulator, JavaScript 中的交互式图表和数据网格
ganlab,生成对抗网络GAN的交互式可视化实验工具
github-profile-summary,可视化GitHub概况的工具
anime,一个轻量的JavaScript 动画库
JSXGraph,一个支持各种浏览器的交互式几何图库绘制