@bitty/animate/dist/animate.umd.js

Create and manage animation functions with AnimationFrame API.

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
    typeof define === 'function' && define.amd ? define(['exports'], factory) :
    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.animate = {}));
})(this, (function (exports) { 'use strict';

    /**
     * @typedef {Object} Animation
     * @property {Boolean} running - Getter that indicates if animation is running.
     * @property {function():void} stop - Stops the animation.
     * @property {function():void} start - Starts the animation.
     */
    /**
     * Creates an Animation object to start and stop your animation functions.
     * @example
     * const count = 0;
     *
     * const animation = createAnimation(() => {
     *   context.clearRect(0, 0, width, height);
     *   context.font = "4rem monospace";
     *   context.textAlign = 'center';
     *   context.fillText(count, width / 2, height / 2);
     *
     *   count++;
     * });
     *
     * animation.start();
     * @param {function():void} callback - A callback to handle animation.
     * @returns {Animation}
     */
    function animate(callback) {
        var handle = null;
        var running = false;
        var run = function () {
            if (!running)
                return;
            callback();
            handle = window.requestAnimationFrame(run);
        };
        return {
            get running() {
                return running;
            },
            stop: function () {
                if (!running)
                    return;
                if (handle) {
                    window.cancelAnimationFrame(handle);
                    handle = null;
                }
                running = false;
            },
            start: function () {
                if (running)
                    return;
                running = true;
                run();
            },
        };
    }

    exports["default"] = animate;

    Object.defineProperty(exports, '__esModule', { value: true });

}));
//# sourceMappingURL=animate.umd.js.map