@eva/plugin-stats 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/EVA.plugin.stats.js

@@ -1,60 +1,31 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 window.EVA = window.EVA || {};
 window.EVA.plugin = window.EVA.plugin || {};
 var _EVA_IIFE_stats = function (exports, eva_js) {
   'use strict';
-  var extendStatics = function (d, b) {
-    extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    };
-    return extendStatics(d, b);
-  };
-  function __extends(d, b) {
-    extendStatics(d, b);
-    function __() {
-      this.constructor = d;
+
+  class StatsComponent extends eva_js.Component {
+    update() {
+      this.stats && this.stats.begin();
     }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   }
-  var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-    };
-    return __assign.apply(this, arguments);
-  };
-  var StatsComponent = function (_super) {
-    __extends(StatsComponent, _super);
-    function StatsComponent() {
-      return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StatsComponent.prototype.update = function () {
-      this.stats && this.stats.begin();
-    };
-    StatsComponent.componentName = 'Stats';
-    return StatsComponent;
-  }(eva_js.Component);
-  var Stats$2 = StatsComponent;
-  var Stats = function (style) {
-    style = __assign({
+  StatsComponent.componentName = 'Stats';
+  const Stats = function (style) {
+    style = _extends({
       width: 20,
       height: 12,
       x: 0,
       y: 0
     }, style);
-    var width = style.width,
-      height = style.height,
-      x = style.x,
-      y = style.y;
-    var mode = 0;
-    var container = document.createElement('div');
-    container.style.cssText = "position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: " + width + "vw;height: " + height + "vw;left: " + x + "vw;top: " + y + "vw;";
+    const {
+      width,
+      height,
+      x,
+      y
+    } = style;
+    let mode = 0;
+    const container = document.createElement('div');
+    container.style.cssText = `position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: ${width}vw;height: ${height}vw;left: ${x}vw;top: ${y}vw;`;
     container.addEventListener('click', function (event) {
       event.preventDefault();
       showPanel(++mode % container.children.length);
@@ -64,19 +35,19 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
       return panel;
     }
     function showPanel(id) {
-      for (var i = 0; i < container.children.length; i++) {
+      for (let i = 0; i < container.children.length; i++) {
         container.children[i].style.display = i === id ? 'block' : 'none';
       }
       mode = id;
     }
-    var beginTime = (performance || Date).now(),
+    let beginTime = (performance || Date).now(),
       prevTime = beginTime,
       frames = 0;
-    var fpsPanel = addPanel(Stats.Panel('FPS', '#0ff', '#002'));
-    var msPanel = addPanel(Stats.Panel('MS', '#0f0', '#020'));
-    var dcPanel = addPanel(Stats.Panel('DrawCall', '#330570', '#A69700'));
-    var tcPanel = addPanel(Stats.Panel('TC:', '#A62500', '#00B454'));
-    var memPanel;
+    const fpsPanel = addPanel(Stats.Panel('FPS', '#0ff', '#002'));
+    const msPanel = addPanel(Stats.Panel('MS', '#0f0', '#020'));
+    const dcPanel = addPanel(Stats.Panel('DrawCall', '#330570', '#A69700'));
+    const tcPanel = addPanel(Stats.Panel('TC:', '#A62500', '#00B454'));
+    let memPanel;
     if (self.performance && self.performance.memory) {
       memPanel = addPanel(Stats.Panel('MB', '#f08', '#201'));
     }
@@ -91,7 +62,7 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
       },
       end: function (hook) {
         frames++;
-        var time = (performance || Date).now();
+        const time = (performance || Date).now();
         msPanel.update(time - beginTime, 200);
         if (hook) {
           dcPanel.update(hook.deltaDrawCalls, Math.max(50, hook.maxDeltaDrawCalls));
@@ -102,7 +73,7 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
           prevTime = time;
           frames = 0;
           if (memPanel) {
-            var memory = performance.memory;
+            const memory = performance.memory;
             memPanel.update(memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576);
           }
         }
@@ -116,11 +87,11 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
     };
   };
   Stats.Panel = function (name, fg, bg) {
-    var min = Infinity,
+    let min = Infinity,
       max = 0;
-    var round = Math.round;
-    var PR = round(window.devicePixelRatio || 1);
-    var WIDTH = 80 * PR,
+    const round = Math.round;
+    const PR = round(window.devicePixelRatio || 1);
+    const WIDTH = 80 * PR,
       HEIGHT = 48 * PR,
       TEXT_X = 3 * PR,
       TEXT_Y = 2 * PR,
@@ -128,11 +99,11 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
       GRAPH_Y = 15 * PR,
       GRAPH_WIDTH = 74 * PR,
       GRAPH_HEIGHT = 30 * PR;
-    var canvas = document.createElement('canvas');
+    const canvas = document.createElement('canvas');
     canvas.width = WIDTH;
     canvas.height = HEIGHT;
     canvas.style.cssText = 'width:100%;height:100%';
-    var context = canvas.getContext('2d');
+    const context = canvas.getContext('2d');
     context.font = 'bold ' + 9 * PR + 'px Helvetica,Arial,sans-serif';
     context.textBaseline = 'top';
     context.fillStyle = bg;
@@ -162,8 +133,8 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
     };
   };
   var Stats$1 = Stats;
-  var GLHook = function () {
-    function GLHook(_gl) {
+  class GLHook {
+    constructor(_gl) {
       this.drawPasses = 0;
       this.isInit = false;
       this.realGLDrawElements = function () {};
@@ -178,25 +149,24 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
         console.error("[GLHook] GL can't be NULL");
       }
     }
-    GLHook.prototype.fakeGLdrawElements = function (context) {
+    fakeGLdrawElements(context) {
       return function (mode, count, type, offset) {
         context.drawPasses++;
         context.realGLDrawElements.call(this, mode, count, type, offset);
       };
-    };
-    GLHook.prototype.reset = function () {
+    }
+    reset() {
       this.drawPasses = 0;
-    };
-    GLHook.prototype.release = function () {
+    }
+    release() {
       if (this.isInit) {
         this.gl.__proto__.drawElements = this.realGLDrawElements;
       }
       this.isInit = false;
-    };
-    return GLHook;
-  }();
-  var TextureHook = function () {
-    function TextureHook(_gl) {
+    }
+  }
+  class TextureHook {
+    constructor(_gl) {
       this.createdTextures = new Array();
       this.maxTexturesCount = 0;
       this.isInit = false;
@@ -215,25 +185,21 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
         console.error("[TextureHook] GL can't be NULL");
       }
     }
-    Object.defineProperty(TextureHook.prototype, "currentTextureCount", {
-      get: function () {
-        return this.createdTextures.length;
-      },
-      enumerable: false,
-      configurable: true
-    });
-    TextureHook.prototype.registerTexture = function (texture) {
+    get currentTextureCount() {
+      return this.createdTextures.length;
+    }
+    registerTexture(texture) {
       this.createdTextures.push(texture);
       this.maxTexturesCount = Math.max(this.createdTextures.length, this.maxTexturesCount);
-    };
-    TextureHook.prototype.fakeGLCreateTexture = function (context) {
+    }
+    fakeGLCreateTexture(context) {
       return function () {
         var texture = context.realGLCreateTexture.call(this);
         context.registerTexture(texture);
         return texture;
       };
-    };
-    TextureHook.prototype.fakeGLDeleteTexture = function (context) {
+    }
+    fakeGLDeleteTexture(context) {
       return function (texture) {
         var index = context.createdTextures.indexOf(texture);
         if (index > -1) {
@@ -241,135 +207,106 @@ var _EVA_IIFE_stats = function (exports, eva_js) {
         }
         context.realGLDeleteTexture.call(this, texture);
       };
-    };
-    TextureHook.prototype.reset = function () {
+    }
+    reset() {
       this.createdTextures = new Array();
       this.maxTexturesCount = 0;
-    };
-    TextureHook.prototype.release = function () {
+    }
+    release() {
       if (this.isInit) {
         this.gl.__proto__.createTexture = this.realGLCreateTexture;
         this.gl.__proto__.deleteTexture = this.realGLDeleteTexture;
         console.log('[TextureHook] Hook was removed!');
       }
       this.isInit = false;
-    };
-    return TextureHook;
-  }();
-  var BaseHooks = function () {
-    function BaseHooks() {
+    }
+  }
+  class BaseHooks {
+    constructor() {
       this._drawCalls = -1;
       this._maxDeltaDrawCalls = -1;
     }
-    BaseHooks.prototype.attach = function (gl) {
+    attach(gl) {
       this.glhook = new GLHook(gl);
       this.texturehook = new TextureHook(gl);
-    };
-    Object.defineProperty(BaseHooks.prototype, "drawCalls", {
-      get: function () {
-        if (this.glhook && this.glhook.isInit) {
-          return this.glhook.drawPasses;
-        }
-        return -1;
-      },
-      enumerable: false,
-      configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "maxDeltaDrawCalls", {
-      get: function () {
-        return this._maxDeltaDrawCalls;
-      },
-      enumerable: false,
-      configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "deltaDrawCalls", {
-      get: function () {
-        if (this._drawCalls == -1) {
-          this._drawCalls = this.drawCalls;
-          return 0;
-        }
-        var dc = this.drawCalls;
-        var delta = dc - this._drawCalls;
-        this._drawCalls = dc;
-        this._maxDeltaDrawCalls = Math.max(this._maxDeltaDrawCalls, delta);
-        return delta;
-      },
-      enumerable: false,
-      configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "maxTextureCount", {
-      get: function () {
-        if (this.texturehook && this.texturehook.isInit) return this.texturehook.maxTexturesCount;
-        return 0;
-      },
-      enumerable: false,
-      configurable: true
-    });
-    Object.defineProperty(BaseHooks.prototype, "texturesCount", {
-      get: function () {
-        if (this.texturehook && this.texturehook.isInit) return this.texturehook.currentTextureCount;
+    }
+    get drawCalls() {
+      if (this.glhook && this.glhook.isInit) {
+        return this.glhook.drawPasses;
+      }
+      return -1;
+    }
+    get maxDeltaDrawCalls() {
+      return this._maxDeltaDrawCalls;
+    }
+    get deltaDrawCalls() {
+      if (this._drawCalls == -1) {
+        this._drawCalls = this.drawCalls;
         return 0;
-      },
-      enumerable: false,
-      configurable: true
-    });
-    BaseHooks.prototype.reset = function () {
+      }
+      var dc = this.drawCalls;
+      var delta = dc - this._drawCalls;
+      this._drawCalls = dc;
+      this._maxDeltaDrawCalls = Math.max(this._maxDeltaDrawCalls, delta);
+      return delta;
+    }
+    get maxTextureCount() {
+      if (this.texturehook && this.texturehook.isInit) return this.texturehook.maxTexturesCount;
+      return 0;
+    }
+    get texturesCount() {
+      if (this.texturehook && this.texturehook.isInit) return this.texturehook.currentTextureCount;
+      return 0;
+    }
+    reset() {
       this._maxDeltaDrawCalls = -1;
       this._drawCalls = -1;
       if (this.glhook) this.glhook.reset();
       if (this.texturehook) this.texturehook.reset();
-    };
-    BaseHooks.prototype.release = function () {
+    }
+    release() {
       if (this.glhook) this.glhook.release();
       if (this.texturehook) this.texturehook.release();
-    };
-    return BaseHooks;
-  }();
-  var StatsSystem = function (_super) {
-    __extends(StatsSystem, _super);
-    function StatsSystem() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.show = true;
-      return _this;
     }
-    StatsSystem.prototype.init = function (param) {
-      if (param === void 0) {
-        param = {
-          show: true
-        };
-      }
+  }
+  class StatsSystem extends eva_js.System {
+    constructor() {
+      super(...arguments);
+      this.show = true;
+    }
+    init(param = {
+      show: true
+    }) {
       this.show = param.show;
       this.style = param.style;
       this.renderSystem = this.game.getSystem('Renderer');
       this.app = this.renderSystem.application;
       if (this.app && this.show) {
-        var gl = this.app.renderer.gl;
+        const gl = this.app.renderer.gl;
         this.hook = new BaseHooks();
         this.hook.attach(gl);
       }
-    };
-    StatsSystem.prototype.start = function () {
+    }
+    start() {
       if (!this.show) return;
-      this.component = this.game.scene.addComponent(new Stats$2());
+      this.component = this.game.scene.addComponent(new StatsComponent());
       this.stats = Stats$1(this.style);
       this.component.stats = this.stats;
       this.stats.showPanel(0);
       document.body.appendChild(this.stats.dom);
-    };
-    StatsSystem.prototype.lateUpdate = function () {
+    }
+    lateUpdate() {
       if (!this.show) return;
       this.stats && this.stats.end(this.hook);
-    };
-    StatsSystem.systemName = 'Stats';
-    return StatsSystem;
-  }(eva_js.System);
-  var StatsSystem$1 = StatsSystem;
+    }
+  }
+  StatsSystem.systemName = 'Stats';
   var index = {
-    Components: [Stats$2],
-    Systems: [StatsSystem$1]
+    Components: [StatsComponent],
+    Systems: [StatsSystem]
   };
-  exports.Stats = Stats$2;
-  exports.StatsSystem = StatsSystem$1;
+  exports.Stats = StatsComponent;
+  exports.StatsSystem = StatsSystem;
   exports["default"] = index;
   Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/EVA.plugin.stats.min.js

@@ -1 +1 @@
-window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{};var _EVA_IIFE_stats=function(t,e){"use strict";var r=function(t,e){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])},r(t,e)};function o(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var n=function(){return n=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},n.apply(this,arguments)},i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.prototype.update=function(){this.stats&&this.stats.begin()},e.componentName="Stats",e}(e.Component),s=i,a=function(t){var e=(t=n({width:20,height:12,x:0,y:0},t)).width,r=t.height,o=t.x,i=t.y,s=0,l=document.createElement("div");function u(t){return l.appendChild(t.dom),t}function h(t){for(var e=0;e<l.children.length;e++)l.children[e].style.display=e===t?"block":"none";s=t}l.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: "+e+"vw;height: "+r+"vw;left: "+o+"vw;top: "+i+"vw;",l.addEventListener("click",(function(t){t.preventDefault(),h(++s%l.children.length)}),!1);var c,p=(performance||Date).now(),f=p,d=0,x=u(a.Panel("FPS","#0ff","#002")),w=u(a.Panel("MS","#0f0","#020")),m=u(a.Panel("DrawCall","#330570","#A69700")),_=u(a.Panel("TC:","#A62500","#00B454"));return self.performance&&self.performance.memory&&(c=u(a.Panel("MB","#f08","#201"))),h(0),{REVISION:16,dom:l,addPanel:u,showPanel:h,begin:function(t){p=t||(performance||Date).now()},end:function(t){d++;var e=(performance||Date).now();if(w.update(e-p,200),t&&(m.update(t.deltaDrawCalls,Math.max(50,t.maxDeltaDrawCalls)),_.update(t.texturesCount,Math.max(20,t.maxTextureCount))),e>=f+1e3&&(x.update(1e3*d/(e-f),100),f=e,d=0,c)){var r=performance.memory;c.update(r.usedJSHeapSize/1048576,r.jsHeapSizeLimit/1048576)}return e},update:function(){p=this.end()},domElement:l,setMode:h}};a.Panel=function(t,e,r){var o=1/0,n=0,i=Math.round,s=i(window.devicePixelRatio||1),a=80*s,l=48*s,u=3*s,h=2*s,c=3*s,p=15*s,f=74*s,d=30*s,x=document.createElement("canvas");x.width=a,x.height=l,x.style.cssText="width:100%;height:100%";var w=x.getContext("2d");return w.font="bold "+9*s+"px Helvetica,Arial,sans-serif",w.textBaseline="top",w.fillStyle=r,w.fillRect(0,0,a,l),w.fillStyle=e,w.fillText(t,u,h),w.fillRect(c,p,f,d),w.fillStyle=r,w.globalAlpha=.9,w.fillRect(c,p,f,d),{dom:x,update:function(l,m){o=Math.min(o,l),n=Math.max(n,l),w.fillStyle=r,w.globalAlpha=1,w.fillRect(0,0,a,p),w.fillStyle=e,w.fillText(i(l)+" "+t+" ("+i(o)+"-"+i(n)+")",u,h),w.drawImage(x,c+s,p,f-s,d,c,p,f-s,d),w.fillRect(c+f-s,p,s,d),w.fillStyle=r,w.globalAlpha=.9,w.fillRect(c+f-s,p,s,i((1-l/m)*d))}}};var l=a,u=function(){function t(t){this.drawPasses=0,this.isInit=!1,this.realGLDrawElements=function(){},t?t.__proto__.drawElements&&(this.gl=t,this.realGLDrawElements=t.__proto__.drawElements,t.__proto__.drawElements=this.fakeGLdrawElements(this),this.isInit=!0):console.error("[GLHook] GL can't be NULL")}return t.prototype.fakeGLdrawElements=function(t){return function(e,r,o,n){t.drawPasses++,t.realGLDrawElements.call(this,e,r,o,n)}},t.prototype.reset=function(){this.drawPasses=0},t.prototype.release=function(){this.isInit&&(this.gl.__proto__.drawElements=this.realGLDrawElements),this.isInit=!1},t}(),h=function(){function t(t){this.createdTextures=new Array,this.maxTexturesCount=0,this.isInit=!1,this.realGLCreateTexture=function(){},this.realGLDeleteTexture=function(){},t?t.__proto__.createTexture&&(this.gl=t,this.realGLCreateTexture=t.__proto__.createTexture,this.realGLDeleteTexture=t.__proto__.deleteTexture,t.__proto__.createTexture=this.fakeGLCreateTexture(this),t.__proto__.deleteTexture=this.fakeGLDeleteTexture(this),this.isInit=!0):console.error("[TextureHook] GL can't be NULL")}return Object.defineProperty(t.prototype,"currentTextureCount",{get:function(){return this.createdTextures.length},enumerable:!1,configurable:!0}),t.prototype.registerTexture=function(t){this.createdTextures.push(t),this.maxTexturesCount=Math.max(this.createdTextures.length,this.maxTexturesCount)},t.prototype.fakeGLCreateTexture=function(t){return function(){var e=t.realGLCreateTexture.call(this);return t.registerTexture(e),e}},t.prototype.fakeGLDeleteTexture=function(t){return function(e){var r=t.createdTextures.indexOf(e);r>-1&&t.createdTextures.splice(r,1),t.realGLDeleteTexture.call(this,e)}},t.prototype.reset=function(){this.createdTextures=new Array,this.maxTexturesCount=0},t.prototype.release=function(){this.isInit&&(this.gl.__proto__.createTexture=this.realGLCreateTexture,this.gl.__proto__.deleteTexture=this.realGLDeleteTexture,console.log("[TextureHook] Hook was removed!")),this.isInit=!1},t}(),c=function(){function t(){this._drawCalls=-1,this._maxDeltaDrawCalls=-1}return t.prototype.attach=function(t){this.glhook=new u(t),this.texturehook=new h(t)},Object.defineProperty(t.prototype,"drawCalls",{get:function(){return this.glhook&&this.glhook.isInit?this.glhook.drawPasses:-1},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"maxDeltaDrawCalls",{get:function(){return this._maxDeltaDrawCalls},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"deltaDrawCalls",{get:function(){if(-1==this._drawCalls)return this._drawCalls=this.drawCalls,0;var t=this.drawCalls,e=t-this._drawCalls;return this._drawCalls=t,this._maxDeltaDrawCalls=Math.max(this._maxDeltaDrawCalls,e),e},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"maxTextureCount",{get:function(){return this.texturehook&&this.texturehook.isInit?this.texturehook.maxTexturesCount:0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"texturesCount",{get:function(){return this.texturehook&&this.texturehook.isInit?this.texturehook.currentTextureCount:0},enumerable:!1,configurable:!0}),t.prototype.reset=function(){this._maxDeltaDrawCalls=-1,this._drawCalls=-1,this.glhook&&this.glhook.reset(),this.texturehook&&this.texturehook.reset()},t.prototype.release=function(){this.glhook&&this.glhook.release(),this.texturehook&&this.texturehook.release()},t}(),p=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.show=!0,e}return o(e,t),e.prototype.init=function(t){if(void 0===t&&(t={show:!0}),this.show=t.show,this.style=t.style,this.renderSystem=this.game.getSystem("Renderer"),this.app=this.renderSystem.application,this.app&&this.show){var e=this.app.renderer.gl;this.hook=new c,this.hook.attach(e)}},e.prototype.start=function(){this.show&&(this.component=this.game.scene.addComponent(new s),this.stats=l(this.style),this.component.stats=this.stats,this.stats.showPanel(0),document.body.appendChild(this.stats.dom))},e.prototype.lateUpdate=function(){this.show&&this.stats&&this.stats.end(this.hook)},e.systemName="Stats",e}(e.System),f=p,d={Components:[s],Systems:[f]};return t.Stats=s,t.StatsSystem=f,t.default=d,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA);window.EVA.plugin.stats=window.EVA.plugin.stats||_EVA_IIFE_stats;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var r in s)({}).hasOwnProperty.call(s,r)&&(t[r]=s[r])}return t},_extends.apply(null,arguments)}window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{};var _EVA_IIFE_stats=function(t,e){"use strict";class s extends e.Component{update(){this.stats&&this.stats.begin()}}s.componentName="Stats";const r=function(t){t=_extends({width:20,height:12,x:0,y:0},t);const{width:e,height:s,x:a,y:i}=t;let l=0;const n=document.createElement("div");function o(t){return n.appendChild(t.dom),t}function h(t){for(let e=0;e<n.children.length;e++)n.children[e].style.display=e===t?"block":"none";l=t}n.style.cssText=`position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: ${e}vw;height: ${s}vw;left: ${a}vw;top: ${i}vw;`,n.addEventListener("click",(function(t){t.preventDefault(),h(++l%n.children.length)}),!1);let u=(performance||Date).now(),c=u,d=0;const x=o(r.Panel("FPS","#0ff","#002")),w=o(r.Panel("MS","#0f0","#020")),m=o(r.Panel("DrawCall","#330570","#A69700")),p=o(r.Panel("TC:","#A62500","#00B454"));let _;return self.performance&&self.performance.memory&&(_=o(r.Panel("MB","#f08","#201"))),h(0),{REVISION:16,dom:n,addPanel:o,showPanel:h,begin:function(t){u=t||(performance||Date).now()},end:function(t){d++;const e=(performance||Date).now();if(w.update(e-u,200),t&&(m.update(t.deltaDrawCalls,Math.max(50,t.maxDeltaDrawCalls)),p.update(t.texturesCount,Math.max(20,t.maxTextureCount))),e>=c+1e3&&(x.update(1e3*d/(e-c),100),c=e,d=0,_)){const t=performance.memory;_.update(t.usedJSHeapSize/1048576,t.jsHeapSizeLimit/1048576)}return e},update:function(){u=this.end()},domElement:n,setMode:h}};r.Panel=function(t,e,s){let r=1/0,a=0;const i=Math.round,l=i(window.devicePixelRatio||1),n=80*l,o=48*l,h=3*l,u=2*l,c=3*l,d=15*l,x=74*l,w=30*l,m=document.createElement("canvas");m.width=n,m.height=o,m.style.cssText="width:100%;height:100%";const p=m.getContext("2d");return p.font="bold "+9*l+"px Helvetica,Arial,sans-serif",p.textBaseline="top",p.fillStyle=s,p.fillRect(0,0,n,o),p.fillStyle=e,p.fillText(t,h,u),p.fillRect(c,d,x,w),p.fillStyle=s,p.globalAlpha=.9,p.fillRect(c,d,x,w),{dom:m,update:function(o,_){r=Math.min(r,o),a=Math.max(a,o),p.fillStyle=s,p.globalAlpha=1,p.fillRect(0,0,n,d),p.fillStyle=e,p.fillText(i(o)+" "+t+" ("+i(r)+"-"+i(a)+")",h,u),p.drawImage(m,c+l,d,x-l,w,c,d,x-l,w),p.fillRect(c+x-l,d,l,w),p.fillStyle=s,p.globalAlpha=.9,p.fillRect(c+x-l,d,l,i((1-o/_)*w))}}};var a=r;class i{constructor(t){this.drawPasses=0,this.isInit=!1,this.realGLDrawElements=function(){},t?t.__proto__.drawElements&&(this.gl=t,this.realGLDrawElements=t.__proto__.drawElements,t.__proto__.drawElements=this.fakeGLdrawElements(this),this.isInit=!0):console.error("[GLHook] GL can't be NULL")}fakeGLdrawElements(t){return function(e,s,r,a){t.drawPasses++,t.realGLDrawElements.call(this,e,s,r,a)}}reset(){this.drawPasses=0}release(){this.isInit&&(this.gl.__proto__.drawElements=this.realGLDrawElements),this.isInit=!1}}class l{constructor(t){this.createdTextures=new Array,this.maxTexturesCount=0,this.isInit=!1,this.realGLCreateTexture=function(){},this.realGLDeleteTexture=function(){},t?t.__proto__.createTexture&&(this.gl=t,this.realGLCreateTexture=t.__proto__.createTexture,this.realGLDeleteTexture=t.__proto__.deleteTexture,t.__proto__.createTexture=this.fakeGLCreateTexture(this),t.__proto__.deleteTexture=this.fakeGLDeleteTexture(this),this.isInit=!0):console.error("[TextureHook] GL can't be NULL")}get currentTextureCount(){return this.createdTextures.length}registerTexture(t){this.createdTextures.push(t),this.maxTexturesCount=Math.max(this.createdTextures.length,this.maxTexturesCount)}fakeGLCreateTexture(t){return function(){var e=t.realGLCreateTexture.call(this);return t.registerTexture(e),e}}fakeGLDeleteTexture(t){return function(e){var s=t.createdTextures.indexOf(e);s>-1&&t.createdTextures.splice(s,1),t.realGLDeleteTexture.call(this,e)}}reset(){this.createdTextures=new Array,this.maxTexturesCount=0}release(){this.isInit&&(this.gl.__proto__.createTexture=this.realGLCreateTexture,this.gl.__proto__.deleteTexture=this.realGLDeleteTexture,console.log("[TextureHook] Hook was removed!")),this.isInit=!1}}class n{constructor(){this._drawCalls=-1,this._maxDeltaDrawCalls=-1}attach(t){this.glhook=new i(t),this.texturehook=new l(t)}get drawCalls(){return this.glhook&&this.glhook.isInit?this.glhook.drawPasses:-1}get maxDeltaDrawCalls(){return this._maxDeltaDrawCalls}get deltaDrawCalls(){if(-1==this._drawCalls)return this._drawCalls=this.drawCalls,0;var t=this.drawCalls,e=t-this._drawCalls;return this._drawCalls=t,this._maxDeltaDrawCalls=Math.max(this._maxDeltaDrawCalls,e),e}get maxTextureCount(){return this.texturehook&&this.texturehook.isInit?this.texturehook.maxTexturesCount:0}get texturesCount(){return this.texturehook&&this.texturehook.isInit?this.texturehook.currentTextureCount:0}reset(){this._maxDeltaDrawCalls=-1,this._drawCalls=-1,this.glhook&&this.glhook.reset(),this.texturehook&&this.texturehook.reset()}release(){this.glhook&&this.glhook.release(),this.texturehook&&this.texturehook.release()}}class o extends e.System{constructor(){super(...arguments),this.show=!0}init(t={show:!0}){if(this.show=t.show,this.style=t.style,this.renderSystem=this.game.getSystem("Renderer"),this.app=this.renderSystem.application,this.app&&this.show){const t=this.app.renderer.gl;this.hook=new n,this.hook.attach(t)}}start(){this.show&&(this.component=this.game.scene.addComponent(new s),this.stats=a(this.style),this.component.stats=this.stats,this.stats.showPanel(0),document.body.appendChild(this.stats.dom))}lateUpdate(){this.show&&this.stats&&this.stats.end(this.hook)}}o.systemName="Stats";var h={Components:[s],Systems:[o]};return t.Stats=s,t.StatsSystem=o,t.default=h,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA);window.EVA.plugin.stats=window.EVA.plugin.stats||_EVA_IIFE_stats;