Web前端开发网

web.fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 文章投稿
  • 关于我们
资源分类
AI智能酷站推荐招聘/兼职框架/库模块/管理移动端UI框架Web-UI框架Js插件Jquery插件CSS相关IDE环境在线工具图形动效游戏框架node相关调试/测试在线学习社区/论坛博客/团队前端素材图标/图库建站资源设计/灵感IT资讯
网站收录 / 问题反馈

shifty

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

shifty
网站地址:https://jeremyckahn.github.io/shifty/doc/
GitHub:https://github.com/jeremyckahn/shifty
描述信息:一个极小的JavaScript tweening引擎
访问官网
GitHub

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

更多»
热门资源
ECharts
一个使用 JavaScript 实现的开源可视化库
官网
GitHub
SVG.js
包括各种形状、线条、文本、路径等元素
官网
GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网
GitHub
incubator-echarts
百度团队开发的一款商业级数据图表
官网
GitHub
g2
一套基于可视化编码的图形语法
官网
GitHub
Chartist.js
JavaScript响应式图表库
官网
GitHub
MetricsGraphics.js
一个基于 D3 的简洁的数据图表优化
官网
GitHub
plotly.js
基于d3.js 和stack.gl开源的 JavaScript 图表库
官网
GitHub
js-sequence-diagrams
一款基于 Javascript 的Web绘制时序图的工具
官网
GitHub
C3.js
基于D3.js开发的JavaScript库
官网
GitHub
crossfilter
一个数据计算模型,能够很好地结合DC.JS进行数据解析绘图
官网
GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
类似于shifty的资源
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网
GitHub
F2.js
面向移动端的一套基于可视化图形语法的图表库
官网
GitHub
Walkway.js
将SVG矢量图中的一些基本元素以线性动画的方式展示出来
官网
GitHub
VUE Data UI
Vue 3 数据可视化组件库
官网
GitHub
jdenticon
独特几何头像生成器
官网
GitHub
js2flowchart.js
将任何 JavaScript 转换成漂亮的 SVG 流程图的可视化的图表库
点击进入
GitHub
Two.js
面向现代 Web 浏览器的一个二维绘图 API
官网
GitHub
JSTS
符合OGC规范的简单要素空间位置判定函数JavaScript库
官网
GitHub
目录

手机扫一扫预览

首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架

Copyright © 2018 Web前端开发网 All Rights Reserved. 分享编程学习资源(教程/框架/库)、在线工具、技术教程、内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。