ycrpg/js/libs/fpsmeter.js

/*! FPSMeter 0.3.1 - 9th May 2013 | https://github.com/Darsain/fpsmeter */
(function (m, j) {
    function s(a, e) {
        for (var g in e)
            try {
                a.style[g] = e[g];
            } catch (j) {}
        return a;
    }
    function H(a) {
        return null == a
            ? String(a)
            : "object" === typeof a || "function" === typeof a
            ? Object.prototype.toString
                  .call(a)
                  .match(/\s([a-z]+)/i)[1]
                  .toLowerCase() || "object"
            : typeof a;
    }
    function R(a, e) {
        if ("array" !== H(e)) return -1;
        if (e.indexOf) return e.indexOf(a);
        for (var g = 0, j = e.length; g < j; g++) if (e[g] === a) return g;
        return -1;
    }
    function I() {
        var a = arguments,
            e;
        for (e in a[1])
            if (a[1].hasOwnProperty(e))
                switch (H(a[1][e])) {
                    case "object":
                        a[0][e] = I({}, a[0][e], a[1][e]);
                        break;
                    case "array":
                        a[0][e] = a[1][e].slice(0);
                        break;
                    default:
                        a[0][e] = a[1][e];
                }
        return 2 < a.length ? I.apply(null, [a[0]].concat(Array.prototype.slice.call(a, 2))) : a[0];
    }
    function N(a) {
        a = Math.round(255 * a).toString(16);
        return 1 === a.length ? "0" + a : a;
    }
    function S(a, e, g, j) {
        if (a.addEventListener) a[j ? "removeEventListener" : "addEventListener"](e, g, !1);
        else if (a.attachEvent) a[j ? "detachEvent" : "attachEvent"]("on" + e, g);
    }
    function D(a, e) {
        function g(a, b, d, c) {
            return y[0 | a][Math.round(Math.min(((b - d) / (c - d)) * J, J))];
        }
        function r() {
            f.legend.fps !== q && ((f.legend.fps = q), (f.legend[T] = q ? "FPS" : "ms"));
            K = q ? b.fps : b.duration;
            f.count[T] = 999 < K ? "999+" : K.toFixed(99 < K ? 0 : d.decimals);
        }
        function m() {
            z = A();
            L < z - d.threshold &&
                ((b.fps -= b.fps / Math.max(1, (60 * d.smoothing) / d.interval)), (b.duration = 1e3 / b.fps));
            for (c = d.history; c--; ) (E[c] = 0 === c ? b.fps : E[c - 1]), (F[c] = 0 === c ? b.duration : F[c - 1]);
            r();
            if (d.heat) {
                if (w.length)
                    for (c = w.length; c--; )
                        w[c].el.style[h[w[c].name].heatOn] = q
                            ? g(h[w[c].name].heatmap, b.fps, 0, d.maxFps)
                            : g(h[w[c].name].heatmap, b.duration, d.threshold, 0);
                if (f.graph && h.column.heatOn)
                    for (c = u.length; c--; )
                        u[c].style[h.column.heatOn] = q
                            ? g(h.column.heatmap, E[c], 0, d.maxFps)
                            : g(h.column.heatmap, F[c], d.threshold, 0);
            }
            if (f.graph)
                for (p = 0; p < d.history; p++)
                    u[p].style.height =
                        (q
                            ? E[p]
                                ? Math.round((O / d.maxFps) * Math.min(E[p], d.maxFps))
                                : 0
                            : F[p]
                            ? Math.round((O / d.threshold) * Math.min(F[p], d.threshold))
                            : 0) + "px";
        }
        function k() {
            20 > d.interval ? ((x = M(k)), m()) : ((x = setTimeout(k, d.interval)), (P = M(m)));
        }
        function G(a) {
            a = a || window.event;
            a.preventDefault
                ? (a.preventDefault(), a.stopPropagation())
                : ((a.returnValue = !1), (a.cancelBubble = !0));
            b.toggle();
        }
        function U() {
            d.toggleOn && S(f.container, d.toggleOn, G, 1);
            a.removeChild(f.container);
        }
        function V() {
            f.container && U();
            h = D.theme[d.theme];
            y = h.compiledHeatmaps || [];
            if (!y.length && h.heatmaps.length) {
                for (p = 0; p < h.heatmaps.length; p++) {
                    y[p] = [];
                    for (c = 0; c <= J; c++) {
                        var b = y[p],
                            e = c,
                            g;
                        g = (0.33 / J) * c;
                        var j = h.heatmaps[p].saturation,
                            m = h.heatmaps[p].lightness,
                            n = void 0,
                            k = void 0,
                            l = void 0,
                            t = (l = void 0),
                            v = (n = k = void 0),
                            v = void 0,
                            l = 0.5 >= m ? m * (1 + j) : m + j - m * j;
                        0 === l
                            ? (g = "#000")
                            : ((t = 2 * m - l),
                              (k = (l - t) / l),
                              (g *= 6),
                              (n = Math.floor(g)),
                              (v = g - n),
                              (v *= l * k),
                              0 === n || 6 === n
                                  ? ((n = l), (k = t + v), (l = t))
                                  : 1 === n
                                  ? ((n = l - v), (k = l), (l = t))
                                  : 2 === n
                                  ? ((n = t), (k = l), (l = t + v))
                                  : 3 === n
                                  ? ((n = t), (k = l - v))
                                  : 4 === n
                                  ? ((n = t + v), (k = t))
                                  : ((n = l), (k = t), (l -= v)),
                              (g = "#" + N(n) + N(k) + N(l)));
                        b[e] = g;
                    }
                }
                h.compiledHeatmaps = y;
            }
            f.container = s(document.createElement("div"), h.container);
            f.count = f.container.appendChild(s(document.createElement("div"), h.count));
            f.legend = f.container.appendChild(s(document.createElement("div"), h.legend));
            f.graph = d.graph ? f.container.appendChild(s(document.createElement("div"), h.graph)) : 0;
            w.length = 0;
            for (var q in f) f[q] && h[q].heatOn && w.push({ name: q, el: f[q] });
            u.length = 0;
            if (f.graph) {
                f.graph.style.width = d.history * h.column.width + (d.history - 1) * h.column.spacing + "px";
                for (c = 0; c < d.history; c++)
                    (u[c] = f.graph.appendChild(s(document.createElement("div"), h.column))),
                        (u[c].style.position = "absolute"),
                        (u[c].style.bottom = 0),
                        (u[c].style.right = c * h.column.width + c * h.column.spacing + "px"),
                        (u[c].style.width = h.column.width + "px"),
                        (u[c].style.height = "0px");
            }
            s(f.container, d);
            r();
            a.appendChild(f.container);
            f.graph && (O = f.graph.clientHeight);
            d.toggleOn &&
                ("click" === d.toggleOn && (f.container.style.cursor = "pointer"), S(f.container, d.toggleOn, G));
        }
        "object" === H(a) && a.nodeType === j && ((e = a), (a = document.body));
        a || (a = document.body);
        var b = this,
            d = I({}, D.defaults, e || {}),
            f = {},
            u = [],
            h,
            y,
            J = 100,
            w = [],
            W = 0,
            B = d.threshold,
            Q = 0,
            L = A() - B,
            z,
            E = [],
            F = [],
            x,
            P,
            q = "fps" === d.show,
            O,
            K,
            c,
            p;
        b.options = d;
        b.fps = 0;
        b.duration = 0;
        b.isPaused = 0;
        b.tickStart = function () {
            Q = A();
        };
        b.tick = function () {
            z = A();
            W = z - L;
            B += (W - B) / d.smoothing;
            b.fps = 1e3 / B;
            b.duration = Q < L ? B : z - Q;
            L = z;
        };
        b.pause = function () {
            x && ((b.isPaused = 1), clearTimeout(x), C(x), C(P), (x = P = 0));
            return b;
        };
        b.resume = function () {
            x || ((b.isPaused = 0), k());
            return b;
        };
        b.set = function (a, c) {
            d[a] = c;
            q = "fps" === d.show;
            -1 !== R(a, X) && V();
            -1 !== R(a, Y) && s(f.container, d);
            return b;
        };
        b.showDuration = function () {
            b.set("show", "ms");
            return b;
        };
        b.showFps = function () {
            b.set("show", "fps");
            return b;
        };
        b.toggle = function () {
            b.set("show", q ? "ms" : "fps");
            return b;
        };
        b.hide = function () {
            b.pause();
            f.container.style.display = "none";
            return b;
        };
        b.show = function () {
            b.resume();
            f.container.style.display = "block";
            return b;
        };
        b.destroy = function () {
            b.pause();
            U();
            b.tick = b.tickStart = function () {};
        };
        V();
        k();
    }
    var A,
        r = m.performance;
    A =
        r && (r.now || r.webkitNow)
            ? r[r.now ? "now" : "webkitNow"].bind(r)
            : function () {
                  return +new Date();
              };
    for (
        var C = m.cancelAnimationFrame || m.cancelRequestAnimationFrame,
            M = m.requestAnimationFrame,
            r = ["moz", "webkit", "o"],
            G = 0,
            k = 0,
            Z = r.length;
        k < Z && !C;
        ++k
    )
        M =
            (C = m[r[k] + "CancelAnimationFrame"] || m[r[k] + "CancelRequestAnimationFrame"]) &&
            m[r[k] + "RequestAnimationFrame"];
    C ||
        ((M = function (a) {
            var e = A(),
                g = Math.max(0, 16 - (e - G));
            G = e + g;
            return m.setTimeout(function () {
                a(e + g);
            }, g);
        }),
        (C = function (a) {
            clearTimeout(a);
        }));
    var T = "string" === H(document.createElement("div").textContent) ? "textContent" : "innerText";
    D.extend = I;
    window.FPSMeter = D;
    D.defaults = {
        interval: 100,
        smoothing: 10,
        show: "fps",
        toggleOn: "click",
        decimals: 1,
        maxFps: 60,
        threshold: 100,
        position: "absolute",
        zIndex: 10,
        left: "5px",
        top: "5px",
        right: "auto",
        bottom: "auto",
        margin: "0 0 0 0",
        theme: "dark",
        heat: 0,
        graph: 0,
        history: 20,
    };
    var X = ["toggleOn", "theme", "heat", "graph", "history"],
        Y = "position zIndex left top right bottom margin".split(" ");
})(window);
(function (m, j) {
    j.theme = {};
    var s = (j.theme.base = {
        heatmaps: [],
        container: {
            heatOn: null,
            heatmap: null,
            padding: "5px",
            minWidth: "95px",
            height: "30px",
            lineHeight: "30px",
            textAlign: "right",
            textShadow: "none",
        },
        count: {
            heatOn: null,
            heatmap: null,
            position: "absolute",
            top: 0,
            right: 0,
            padding: "5px 10px",
            height: "30px",
            fontSize: "24px",
            fontFamily: "Consolas, Andale Mono, monospace",
            zIndex: 2,
        },
        legend: {
            heatOn: null,
            heatmap: null,
            position: "absolute",
            top: 0,
            left: 0,
            padding: "5px 10px",
            height: "30px",
            fontSize: "12px",
            lineHeight: "32px",
            fontFamily: "sans-serif",
            textAlign: "left",
            zIndex: 2,
        },
        graph: {
            heatOn: null,
            heatmap: null,
            position: "relative",
            boxSizing: "padding-box",
            MozBoxSizing: "padding-box",
            height: "100%",
            zIndex: 1,
        },
        column: { width: 4, spacing: 1, heatOn: null, heatmap: null },
    });
    j.theme.dark = j.extend({}, s, {
        heatmaps: [{ saturation: 0.8, lightness: 0.8 }],
        container: { background: "#222", color: "#fff", border: "1px solid #1a1a1a", textShadow: "1px 1px 0 #222" },
        count: { heatOn: "color" },
        column: { background: "#3f3f3f" },
    });
    j.theme.light = j.extend({}, s, {
        heatmaps: [{ saturation: 0.5, lightness: 0.5 }],
        container: {
            color: "#666",
            background: "#fff",
            textShadow: "1px 1px 0 rgba(255,255,255,.5), -1px -1px 0 rgba(255,255,255,.5)",
            boxShadow: "0 0 0 1px rgba(0,0,0,.1)",
        },
        count: { heatOn: "color" },
        column: { background: "#eaeaea" },
    });
    j.theme.colorful = j.extend({}, s, {
        heatmaps: [{ saturation: 0.5, lightness: 0.6 }],
        container: {
            heatOn: "backgroundColor",
            background: "#888",
            color: "#fff",
            textShadow: "1px 1px 0 rgba(0,0,0,.2)",
            boxShadow: "0 0 0 1px rgba(0,0,0,.1)",
        },
        column: { background: "#777", backgroundColor: "rgba(0,0,0,.2)" },
    });
    j.theme.transparent = j.extend({}, s, {
        heatmaps: [{ saturation: 0.8, lightness: 0.5 }],
        container: { padding: 0, color: "#fff", textShadow: "1px 1px 0 rgba(0,0,0,.5)" },
        count: { padding: "0 5px", height: "40px", lineHeight: "40px" },
        legend: { padding: "0 5px", height: "40px", lineHeight: "42px" },
        graph: { height: "40px" },
        column: { width: 5, background: "#999", heatOn: "backgroundColor", opacity: 0.5 },
    });
})(window, FPSMeter);