tween-task v0.0.8

tween-task

A lib to make easy tween task.

简易缓动函数库。

Installation

npm install tween-task

Usage

import Task from './tween-task';
// let Task = window.TweenTask; // window
// let Task = require('tween-task'); // commonjs

// run a task with default interval
// 使用内置的 setInterval 来启动任务
Task.run({
    from: { x: 1 },
    to: { x: 100 },
    onUpdate({ x }) {
        console.log('x has been updated:' + x);
    },
    done() {
        console.log('task has been done.')
    }
});

// or update when you like
// 或者在你喜欢的时机去更新

const task = new Task({
    from: { x: 1 },
    to: { x: 100 },
    onUpdate({ x }) {
        console.log('x is :' + x);
    },
    done() {
        console.log('task has been done.')
    }
});

(function update() {
    task.update();
    if (task.done) {
        return;
    }
    requestAnimationFrame(update);
})();

Support

IE6+

Api

ITaskOptions

interface ITaskOptions<T> {
    from: T;
    to: T;
    duration?: number;
    tween?: Function;
    onUpdate?: (cord: T) => void;
    done?: (cord: T) => void;
}

Methods

Example:

const Task = new Task({...});
Task.update();

Enjoy it! :D