tinger

1.0.3 • Public • Published

tinger

介绍

补间帧动画插件

软件架构

安装教程

<script src='./dist/tinger.min.js'></script>
npm install tinger

使用说明

API Reference

简单的使用示例

var tinger = new Tinger({x:2,y:3});//初始化一个tinger实例
tinger.go({x:8,y:10},2000) //定义两秒的执行动画
.wait(3000) //等待3s
.go({x:3,y:2},{time:2000,duration:'none'}); //2s后数值发生变化,不需要动画

tinger.on('tick',()=>{//订阅每一帧触发事件
    //do something...
})
tinger.on('tick:key',()=>{//订阅每一关键帧触发事件
    //do something...
})
tinger.on('end',()=>{//订阅动画执行完成触发事件
    //do something...
})

//动画播放开始
tinger.play();

//动画暂停
//tinger.pause();

//动画重新播放
//tinger.replay();

//缩放动画时间轴
//tinger.scale(0.5) //动画加快了一倍

//销毁
//tinger.destroy()

Readme

Keywords

none

Package Sidebar

Install

npm i tinger

Weekly Downloads

1

Version

1.0.3

License

ISC

Unpacked Size

953 kB

Total Files

47

Last publish

Collaborators

  • nihaoye000