Ninjas Practicing Multidimensionality
    Have ideas to improve npm?Join in the discussion! »

    raf-manager

    0.3.0 • Public • Published

    RAFManager - a simple requestAnimationFrame animation manager

    Features

    RAFManager is a simple requestAnimationFrame animation manager. With RAFManager you can control the addition/deletion animations globally with precision.

    The important thing is that it has only a few dozen lines of code, and the size is so small that you can ignore it.

    Usage

    Use directly in the page

    <script src="js/RAFManager.min.js"></script>

    Or install using npm

    npm install raf-manager --save 
    ...
     
    import RAFManager from 'raf-manager';

    API:

    // add animation func -- auto start
    RAFManager.add(func, fps, param); 
     
    // remove animation func -- auto stop
    RAFManager.remove(func);
     
    // start and stop
    RAFManager.start();
    RAFManager.stop();

    Usage demo:

    RAFManager.add((title)=>{
        this.inputRef.current.innerHTML = title;
        this.inputRef.current.style.top = top + 'px';
    }, 25, { title:'hello world!' }); 

    Build

    Node is a dependency, use terminal to install it with npm:

    npm install
    npm run build

    es6 lint

    npm run lint

    License

    LicenseFinder is released under the MIT License. http://www.opensource.org/licenses/mit-license

    Keywords

    none

    Install

    npm i raf-manager

    DownloadsWeekly Downloads

    1,847

    Version

    0.3.0

    License

    MIT

    Unpacked Size

    26.5 kB

    Total Files

    11

    Last publish

    Collaborators

    • avatar