@eva/plugin-stats 1.1.1-fix.1 → 1.1.1-fix.2

package/dist/EVA.plugin.stats.js

@@ -0,0 +1,446 @@
+window.EVA = window.EVA || {};
+window.EVA.plugin = window.EVA.plugin || {};
+
+var _EVA_IIFE_stats = function (exports, eva_js) {
+  'use strict';
+
+  var _extendStatics = function extendStatics(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;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  }
+
+  var _assign = function __assign() {
+    _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 Stats(style) {
+    style = _assign({
+      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;";
+    container.addEventListener('click', function (event) {
+      event.preventDefault();
+      showPanel(++mode % container.children.length);
+    }, false);
+
+    function addPanel(panel) {
+      container.appendChild(panel.dom);
+      return panel;
+    }
+
+    function showPanel(id) {
+      for (var i = 0; i < container.children.length; i++) {
+        container.children[i].style.display = i === id ? 'block' : 'none';
+      }
+
+      mode = id;
+    }
+
+    var 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;
+
+    if (self.performance && self.performance.memory) {
+      memPanel = addPanel(Stats.Panel('MB', '#f08', '#201'));
+    }
+
+    showPanel(0);
+    return {
+      REVISION: 16,
+      dom: container,
+      addPanel: addPanel,
+      showPanel: showPanel,
+      begin: function begin(time) {
+        beginTime = time || (performance || Date).now();
+      },
+      end: function end(hook) {
+        frames++;
+        var time = (performance || Date).now();
+        msPanel.update(time - beginTime, 200);
+
+        if (hook) {
+          dcPanel.update(hook.deltaDrawCalls, Math.max(50, hook.maxDeltaDrawCalls));
+          tcPanel.update(hook.texturesCount, Math.max(20, hook.maxTextureCount));
+        }
+
+        if (time >= prevTime + 1000) {
+          fpsPanel.update(frames * 1000 / (time - prevTime), 100);
+          prevTime = time;
+          frames = 0;
+
+          if (memPanel) {
+            var memory = performance.memory;
+            memPanel.update(memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576);
+          }
+        }
+
+        return time;
+      },
+      update: function update() {
+        beginTime = this.end();
+      },
+      domElement: container,
+      setMode: showPanel
+    };
+  };
+
+  Stats.Panel = function (name, fg, bg) {
+    var min = Infinity,
+        max = 0;
+    var round = Math.round;
+    var PR = round(window.devicePixelRatio || 1);
+    var WIDTH = 80 * PR,
+        HEIGHT = 48 * PR,
+        TEXT_X = 3 * PR,
+        TEXT_Y = 2 * PR,
+        GRAPH_X = 3 * PR,
+        GRAPH_Y = 15 * PR,
+        GRAPH_WIDTH = 74 * PR,
+        GRAPH_HEIGHT = 30 * PR;
+    var canvas = document.createElement('canvas');
+    canvas.width = WIDTH;
+    canvas.height = HEIGHT;
+    canvas.style.cssText = 'width:100%;height:100%';
+    var context = canvas.getContext('2d');
+    context.font = 'bold ' + 9 * PR + 'px Helvetica,Arial,sans-serif';
+    context.textBaseline = 'top';
+    context.fillStyle = bg;
+    context.fillRect(0, 0, WIDTH, HEIGHT);
+    context.fillStyle = fg;
+    context.fillText(name, TEXT_X, TEXT_Y);
+    context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);
+    context.fillStyle = bg;
+    context.globalAlpha = 0.9;
+    context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);
+    return {
+      dom: canvas,
+      update: function update(value, maxValue) {
+        min = Math.min(min, value);
+        max = Math.max(max, value);
+        context.fillStyle = bg;
+        context.globalAlpha = 1;
+        context.fillRect(0, 0, WIDTH, GRAPH_Y);
+        context.fillStyle = fg;
+        context.fillText(round(value) + ' ' + name + ' (' + round(min) + '-' + round(max) + ')', TEXT_X, TEXT_Y);
+        context.drawImage(canvas, GRAPH_X + PR, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT, GRAPH_X, GRAPH_Y, GRAPH_WIDTH - PR, GRAPH_HEIGHT);
+        context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, GRAPH_HEIGHT);
+        context.fillStyle = bg;
+        context.globalAlpha = 0.9;
+        context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, round((1 - value / maxValue) * GRAPH_HEIGHT));
+      }
+    };
+  };
+
+  var Stats$1 = Stats;
+
+  var GLHook = function () {
+    function GLHook(_gl) {
+      this.drawPasses = 0;
+      this.isInit = false;
+
+      this.realGLDrawElements = function () {};
+
+      if (_gl) {
+        if (_gl.__proto__.drawElements) {
+          this.gl = _gl;
+          this.realGLDrawElements = _gl.__proto__.drawElements;
+          _gl.__proto__.drawElements = this.fakeGLdrawElements.bind(this);
+          this.isInit = true;
+        }
+      } else {
+        console.error("[GLHook] GL can't be NULL");
+      }
+    }
+
+    GLHook.prototype.fakeGLdrawElements = function (mode, count, type, offset) {
+      this.drawPasses++;
+      this.realGLDrawElements.call(this.gl, mode, count, type, offset);
+    };
+
+    GLHook.prototype.reset = function () {
+      this.drawPasses = 0;
+    };
+
+    GLHook.prototype.release = function () {
+      if (this.isInit) {
+        this.gl.__proto__.drawElements = this.realGLDrawElements;
+      }
+
+      this.isInit = false;
+    };
+
+    return GLHook;
+  }();
+
+  var TextureHook = function () {
+    function TextureHook(_gl) {
+      this.createdTextures = new Array();
+      this.maxTexturesCount = 0;
+      this.isInit = false;
+
+      this.realGLCreateTexture = function () {};
+
+      this.realGLDeleteTexture = function () {};
+
+      if (_gl) {
+        if (_gl.__proto__.createTexture) {
+          this.gl = _gl;
+          this.realGLCreateTexture = _gl.__proto__.createTexture;
+          this.realGLDeleteTexture = _gl.__proto__.deleteTexture;
+          _gl.__proto__.createTexture = this.fakeGLCreateTexture.bind(this);
+          _gl.__proto__.deleteTexture = this.fakeGLDeleteTexture.bind(this);
+          this.isInit = true;
+        }
+      } else {
+        console.error("[TextureHook] GL can't be NULL");
+      }
+    }
+
+    Object.defineProperty(TextureHook.prototype, "currentTextureCount", {
+      get: function get() {
+        return this.createdTextures.length;
+      },
+      enumerable: false,
+      configurable: true
+    });
+
+    TextureHook.prototype.registerTexture = function (texture) {
+      this.createdTextures.push(texture);
+      this.maxTexturesCount = Math.max(this.createdTextures.length, this.maxTexturesCount);
+    };
+
+    TextureHook.prototype.fakeGLCreateTexture = function () {
+      var texture = this.realGLCreateTexture.call(this.gl);
+      this.registerTexture(texture);
+      return texture;
+    };
+
+    TextureHook.prototype.fakeGLDeleteTexture = function (texture) {
+      var index = this.createdTextures.indexOf(texture);
+
+      if (index > -1) {
+        this.createdTextures.splice(index, 1);
+      }
+
+      this.realGLDeleteTexture.call(this.gl, texture);
+    };
+
+    TextureHook.prototype.reset = function () {
+      this.createdTextures = new Array();
+      this.maxTexturesCount = 0;
+    };
+
+    TextureHook.prototype.release = function () {
+      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() {
+      this._drawCalls = -1;
+      this._maxDeltaDrawCalls = -1;
+    }
+
+    BaseHooks.prototype.attach = function (gl) {
+      this.glhook = new GLHook(gl);
+      this.texturehook = new TextureHook(gl);
+    };
+
+    Object.defineProperty(BaseHooks.prototype, "drawCalls", {
+      get: function get() {
+        if (this.glhook && this.glhook.isInit) {
+          return this.glhook.drawPasses;
+        }
+
+        return -1;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(BaseHooks.prototype, "maxDeltaDrawCalls", {
+      get: function get() {
+        return this._maxDeltaDrawCalls;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(BaseHooks.prototype, "deltaDrawCalls", {
+      get: function get() {
+        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 get() {
+        if (this.texturehook && this.texturehook.isInit) return this.texturehook.maxTexturesCount;
+        return 0;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    Object.defineProperty(BaseHooks.prototype, "texturesCount", {
+      get: function get() {
+        if (this.texturehook && this.texturehook.isInit) return this.texturehook.currentTextureCount;
+        return 0;
+      },
+      enumerable: false,
+      configurable: true
+    });
+
+    BaseHooks.prototype.reset = function () {
+      this._maxDeltaDrawCalls = -1;
+      this._drawCalls = -1;
+      if (this.glhook) this.glhook.reset();
+      if (this.texturehook) this.texturehook.reset();
+    };
+
+    BaseHooks.prototype.release = function () {
+      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
+        };
+      }
+
+      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;
+        this.hook = new BaseHooks();
+        this.hook.attach(gl);
+      }
+    };
+
+    StatsSystem.prototype.start = function () {
+      if (!this.show) return;
+      this.component = this.game.scene.addComponent(new Stats$2());
+      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 () {
+      if (!this.show) return;
+      this.stats && this.stats.end(this.hook);
+    };
+
+    StatsSystem.systemName = 'Stats';
+    return StatsSystem;
+  }(eva_js.System);
+
+  var StatsSystem$1 = StatsSystem;
+  var index = {
+    Components: [Stats$2],
+    Systems: [StatsSystem$1]
+  };
+  exports.Stats = Stats$2;
+  exports.StatsSystem = StatsSystem$1;
+  exports['default'] = index;
+  Object.defineProperty(exports, '__esModule', {
+    value: true
+  });
+  return exports;
+}({}, EVA);
+
+window.EVA.plugin.stats = window.EVA.plugin.stats || _EVA_IIFE_stats;

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

@@ -0,0 +1,2 @@
+var t,e;t=this,e=function(t,e){"use strict";var n=function(t,e){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function o(t,e){function o(){this.constructor=t}n(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var i=function(){return(i=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},a=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=function(t){var e=(t=i({width:20,height:12,x:0,y:0},t)).width,n=t.height,o=t.x,a=t.y,l=0,r=document.createElement("div");function f(t){return r.appendChild(t.dom),t}function p(t){for(var e=0;e<r.children.length;e++)r.children[e].style.display=e===t?"block":"none";l=t}r.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: "+e+"vw;height: "+n+"vw;left: "+o+"vw;top: "+a+"vw;",r.addEventListener("click",(function(t){t.preventDefault(),p(++l%r.children.length)}),!1);var c,h=(performance||Date).now(),u=h,d=0,y=f(s.Panel("FPS","#0ff","#002")),m=f(s.Panel("MS","#0f0","#020"));return self.performance&&self.performance.memory&&(c=f(s.Panel("MB","#f08","#201"))),p(0),{REVISION:16,dom:r,addPanel:f,showPanel:p,begin:function(t){h=t||(performance||Date).now()},end:function(){d++;var t=(performance||Date).now();if(m.update(t-h,200),t>=u+1e3&&(y.update(1e3*d/(t-u),100),u=t,d=0,c)){var e=performance.memory;c.update(e.usedJSHeapSize/1048576,e.jsHeapSizeLimit/1048576)}return t},update:function(){h=this.end()},domElement:r,setMode:p}};s.Panel=function(t,e,n){var o=1/0,i=0,a=Math.round,s=a(window.devicePixelRatio||1),l=80*s,r=48*s,f=3*s,p=2*s,c=3*s,h=15*s,u=74*s,d=30*s,y=document.createElement("canvas");y.width=l,y.height=r,y.style.cssText="width:100%;height:100%";var m=y.getContext("2d");return m.font="bold "+9*s+"px Helvetica,Arial,sans-serif",m.textBaseline="top",m.fillStyle=n,m.fillRect(0,0,l,r),m.fillStyle=e,m.fillText(t,f,p),m.fillRect(c,h,u,d),m.fillStyle=n,m.globalAlpha=.9,m.fillRect(c,h,u,d),{dom:y,update:function(r,v){o=Math.min(o,r),i=Math.max(i,r),m.fillStyle=n,m.globalAlpha=1,m.fillRect(0,0,l,h),m.fillStyle=e,m.fillText(a(r)+" "+t+" ("+a(o)+"-"+a(i)+")",f,p),m.drawImage(y,c+s,h,u-s,d,c,h,u-s,d),m.fillRect(c+u-s,h,s,d),m.fillStyle=n,m.globalAlpha=.9,m.fillRect(c+u-s,h,s,a((1-r/v)*d))}}};var l=s,r=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){void 0===t&&(t={show:!0}),this.show=t.show,this.style=t.style},e.prototype.start=function(){this.show&&(this.component=this.game.scene.addComponent(new a),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()},e.systemName="Stats",e}(e.System),f={Components:[a],Systems:[r]};t.Stats=a,t.StatsSystem=r,t.default=f,Object.defineProperty(t,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@eva/eva.js")):"function"==typeof define&&define.amd?define(["exports","@eva/eva.js"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).EVA=t.EVA||{},t.EVA.plugin=t.EVA.plugin||{},t.EVA.plugin.stats={}),t.EVA);
+//# sourceMappingURL=EVA.plugin.stats.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EVA.plugin.stats.min.js","sources":["../../../node_modules/tslib/tslib.es6.js","../lib/StatsComponent.ts","../lib/Stats.ts","../lib/StatsSystem.ts","../lib/index.ts"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","import { Component } from '@eva/eva.js';\n\nexport default class StatsComponent extends Component {\n  static componentName: string = 'Stats';\n  stats;\n\n  update() {\n    this.stats && this.stats.begin();\n  }\n}\n","/**\n * @author mrdoob / http://mrdoob.com/\n */\n\nconst Stats = function (style) {\n  style = { ...{ width: 20, height: 12, x: 0, y: 0 }, ...style };\n  const { width, height, x, y } = style;\n  let mode = 0;\n\n  const container = document.createElement('div');\n  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;`;\n  container.addEventListener(\n    'click',\n    function (event) {\n      event.preventDefault();\n      showPanel(++mode % container.children.length);\n    },\n    false,\n  );\n\n  function addPanel(panel) {\n    container.appendChild(panel.dom);\n    return panel;\n  }\n\n  function showPanel(id) {\n    for (let i = 0; i < container.children.length; i++) {\n      // @ts-ignore\n      container.children[i].style.display = i === id ? 'block' : 'none';\n    }\n\n    mode = id;\n  }\n\n  let beginTime = (performance || Date).now(),\n    prevTime = beginTime,\n    frames = 0;\n\n  const fpsPanel = addPanel(Stats.Panel('FPS', '#0ff', '#002'));\n  const msPanel = addPanel(Stats.Panel('MS', '#0f0', '#020'));\n  let memPanel;\n  // @ts-ignore\n  if (self.performance && self.performance.memory) {\n    memPanel = addPanel(Stats.Panel('MB', '#f08', '#201'));\n  }\n\n  showPanel(0);\n\n  return {\n    REVISION: 16,\n\n    dom: container,\n\n    addPanel: addPanel,\n    showPanel: showPanel,\n\n    begin: function (time) {\n      beginTime = time || (performance || Date).now();\n    },\n\n    end: function () {\n      frames++;\n\n      const time = (performance || Date).now();\n\n      msPanel.update(time - beginTime, 200);\n\n      if (time >= prevTime + 1000) {\n        fpsPanel.update((frames * 1000) / (time - prevTime), 100);\n\n        prevTime = time;\n        frames = 0;\n\n        if (memPanel) {\n          // @ts-ignore\n          const memory = performance.memory;\n          memPanel.update(memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576);\n        }\n      }\n\n      return time;\n    },\n\n    update: function () {\n      beginTime = this.end();\n    },\n\n    // Backwards Compatibility\n\n    domElement: container,\n    setMode: showPanel,\n  };\n};\n\nStats.Panel = function (name, fg, bg) {\n  let min = Infinity,\n    max = 0;\n  const round = Math.round;\n  const PR = round(window.devicePixelRatio || 1);\n\n  const WIDTH = 80 * PR,\n    HEIGHT = 48 * PR,\n    TEXT_X = 3 * PR,\n    TEXT_Y = 2 * PR,\n    GRAPH_X = 3 * PR,\n    GRAPH_Y = 15 * PR,\n    GRAPH_WIDTH = 74 * PR,\n    GRAPH_HEIGHT = 30 * PR;\n\n  const canvas = document.createElement('canvas');\n  canvas.width = WIDTH;\n  canvas.height = HEIGHT;\n  canvas.style.cssText = 'width:100%;height:100%';\n\n  const context = canvas.getContext('2d');\n  context.font = 'bold ' + 9 * PR + 'px Helvetica,Arial,sans-serif';\n  context.textBaseline = 'top';\n\n  context.fillStyle = bg;\n  context.fillRect(0, 0, WIDTH, HEIGHT);\n\n  context.fillStyle = fg;\n  context.fillText(name, TEXT_X, TEXT_Y);\n  context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);\n\n  context.fillStyle = bg;\n  context.globalAlpha = 0.9;\n  context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);\n\n  return {\n    dom: canvas,\n\n    update: function (value, maxValue) {\n      min = Math.min(min, value);\n      max = Math.max(max, value);\n\n      context.fillStyle = bg;\n      context.globalAlpha = 1;\n      context.fillRect(0, 0, WIDTH, GRAPH_Y);\n      context.fillStyle = fg;\n      context.fillText(round(value) + ' ' + name + ' (' + round(min) + '-' + round(max) + ')', TEXT_X, TEXT_Y);\n\n      context.drawImage(\n        canvas,\n        GRAPH_X + PR,\n        GRAPH_Y,\n        GRAPH_WIDTH - PR,\n        GRAPH_HEIGHT,\n        GRAPH_X,\n        GRAPH_Y,\n        GRAPH_WIDTH - PR,\n        GRAPH_HEIGHT,\n      );\n\n      context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, GRAPH_HEIGHT);\n\n      context.fillStyle = bg;\n      context.globalAlpha = 0.9;\n      context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, round((1 - value / maxValue) * GRAPH_HEIGHT));\n    },\n  };\n};\n\nexport default Stats;\n","import { System } from '@eva/eva.js';\nimport StatsComponent from './StatsComponent';\nimport Stats from './Stats';\n\ninterface StatsParams {\n  show?: boolean;\n  style?: {\n    width: number;\n    height: number;\n    x: number;\n    y: number;\n  };\n}\n\nexport default class StatsSystem extends System {\n  static systemName = 'Stats';\n  show: boolean = true;\n  stats;\n  style;\n  component: StatsComponent;\n  init(param: StatsParams = { show: true }) {\n    this.show = param.show;\n    this.style = param.style;\n  }\n  start() {\n    if (!this.show) return;\n    this.component = this.game.scene.addComponent(new StatsComponent());\n    this.stats = Stats(this.style);\n    this.component.stats = this.stats;\n    this.stats.showPanel(0); // 0: fps, 1: ms, 2: mb, 3+: custom\n    document.body.appendChild(this.stats.dom);\n  }\n  lateUpdate() {\n    if (!this.show) return;\n    this.stats && this.stats.end();\n  }\n}\n","import Stats from './StatsComponent';\nimport StatsSystem from './StatsSystem';\n\nexport default {\n  Components: [Stats],\n  Systems: [StatsSystem],\n};\n\nexport { Stats, StatsSystem };\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","__assign","assign","t","s","i","n","arguments","length","call","apply","StatsComponent","stats","begin","Component","Stats","style","width","height","x","y","mode","container","document","createElement","addPanel","panel","appendChild","dom","showPanel","id","children","display","cssText","addEventListener","event","preventDefault","memPanel","beginTime","performance","Date","now","prevTime","frames","fpsPanel","Panel","msPanel","self","memory","REVISION","time","end","update","usedJSHeapSize","jsHeapSizeLimit","domElement","setMode","name","fg","bg","min","Infinity","max","round","Math","PR","window","devicePixelRatio","WIDTH","HEIGHT","TEXT_X","TEXT_Y","GRAPH_X","GRAPH_Y","GRAPH_WIDTH","GRAPH_HEIGHT","canvas","context","getContext","font","textBaseline","fillStyle","fillRect","fillText","globalAlpha","value","maxValue","drawImage","_this","StatsSystem","param","show","component","game","scene","addComponent","body","System","Components","Systems"],"mappings":"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"}

package/dist/plugin-stats.cjs.js

@@ -80,6 +80,8 @@ var Stats = function (style) {
     var 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;
     if (self.performance && self.performance.memory) {
         memPanel = addPanel(Stats.Panel('MB', '#f08', '#201'));
@@ -93,10 +95,14 @@ var Stats = function (style) {
         begin: function (time) {
             beginTime = time || (performance || Date).now();
         },
-        end: function () {
+        end: function (hook) {
             frames++;
             var time = (performance || Date).now();
             msPanel.update(time - beginTime, 200);
+            if (hook) {
+                dcPanel.update(hook.deltaDrawCalls, Math.max(50, hook.maxDeltaDrawCalls));
+                tcPanel.update(hook.texturesCount, Math.max(20, hook.maxTextureCount));
+            }
             if (time >= prevTime + 1000) {
                 fpsPanel.update((frames * 1000) / (time - prevTime), 100);
                 prevTime = time;
@@ -155,6 +161,174 @@ Stats.Panel = function (name, fg, bg) {
 };
 var Stats$1 = Stats;
 
+var GLHook = (function () {
+    function GLHook(_gl) {
+        this.drawPasses = 0;
+        this.isInit = false;
+        this.realGLDrawElements = function () { };
+        if (_gl) {
+            if (_gl.__proto__.drawElements) {
+                this.gl = _gl;
+                this.realGLDrawElements = _gl.__proto__.drawElements;
+                _gl.__proto__.drawElements = this.fakeGLdrawElements.bind(this);
+                this.isInit = true;
+            }
+        }
+        else {
+            console.error("[GLHook] GL can't be NULL");
+        }
+    }
+    GLHook.prototype.fakeGLdrawElements = function (mode, count, type, offset) {
+        this.drawPasses++;
+        this.realGLDrawElements.call(this.gl, mode, count, type, offset);
+    };
+    GLHook.prototype.reset = function () {
+        this.drawPasses = 0;
+    };
+    GLHook.prototype.release = function () {
+        if (this.isInit) {
+            this.gl.__proto__.drawElements = this.realGLDrawElements;
+        }
+        this.isInit = false;
+    };
+    return GLHook;
+}());
+
+var TextureHook = (function () {
+    function TextureHook(_gl) {
+        this.createdTextures = new Array();
+        this.maxTexturesCount = 0;
+        this.isInit = false;
+        this.realGLCreateTexture = function () { };
+        this.realGLDeleteTexture = function () { };
+        if (_gl) {
+            if (_gl.__proto__.createTexture) {
+                this.gl = _gl;
+                this.realGLCreateTexture = _gl.__proto__.createTexture;
+                this.realGLDeleteTexture = _gl.__proto__.deleteTexture;
+                _gl.__proto__.createTexture = this.fakeGLCreateTexture.bind(this);
+                _gl.__proto__.deleteTexture = this.fakeGLDeleteTexture.bind(this);
+                this.isInit = true;
+            }
+        }
+        else {
+            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) {
+        this.createdTextures.push(texture);
+        this.maxTexturesCount = Math.max(this.createdTextures.length, this.maxTexturesCount);
+    };
+    TextureHook.prototype.fakeGLCreateTexture = function () {
+        var texture = this.realGLCreateTexture.call(this.gl);
+        this.registerTexture(texture);
+        return texture;
+    };
+    TextureHook.prototype.fakeGLDeleteTexture = function (texture) {
+        var index = this.createdTextures.indexOf(texture);
+        if (index > -1) {
+            this.createdTextures.splice(index, 1);
+        }
+        this.realGLDeleteTexture.call(this.gl, texture);
+    };
+    TextureHook.prototype.reset = function () {
+        this.createdTextures = new Array();
+        this.maxTexturesCount = 0;
+    };
+    TextureHook.prototype.release = function () {
+        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() {
+        this._drawCalls = -1;
+        this._maxDeltaDrawCalls = -1;
+    }
+    BaseHooks.prototype.attach = function (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;
+            return 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BaseHooks.prototype.reset = function () {
+        this._maxDeltaDrawCalls = -1;
+        this._drawCalls = -1;
+        if (this.glhook)
+            this.glhook.reset();
+        if (this.texturehook)
+            this.texturehook.reset();
+    };
+    BaseHooks.prototype.release = function () {
+        if (this.glhook)
+            this.glhook.release();
+        if (this.texturehook)
+            this.texturehook.release();
+    };
+    return BaseHooks;
+}());
+
 var StatsSystem = (function (_super) {
     __extends(StatsSystem, _super);
     function StatsSystem() {
@@ -166,6 +340,13 @@ var StatsSystem = (function (_super) {
         if (param === void 0) { 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;
+            this.hook = new BaseHooks();
+            this.hook.attach(gl);
+        }
     };
     StatsSystem.prototype.start = function () {
         if (!this.show)
@@ -179,7 +360,7 @@ var StatsSystem = (function (_super) {
     StatsSystem.prototype.lateUpdate = function () {
         if (!this.show)
             return;
-        this.stats && this.stats.end();
+        this.stats && this.stats.end(this.hook);
     };
     StatsSystem.systemName = 'Stats';
     return StatsSystem;
@@ -193,4 +374,4 @@ var index = {
 
 exports.Stats = Stats$2;
 exports.StatsSystem = StatsSystem$1;
-exports["default"] = index;
+exports['default'] = index;

package/dist/plugin-stats.cjs.prod.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@eva/eva.js"),e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])},e(t,n)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@eva/eva.js"),e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,n)};
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
 Licensed under the Apache License, Version 2.0 (the "License"); you may not use
@@ -12,4 +12,5 @@ MERCHANTABLITY OR NON-INFRINGEMENT.
 
 See the Apache Version 2.0 License for specific language governing permissions
 and limitations under the License.
-***************************************************************************** */function n(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}var o=function(){return o=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t},o.apply(this,arguments)},i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.update=function(){this.stats&&this.stats.begin()},e.componentName="Stats",e}(t.Component),s=function(t){var e=(t=o({width:20,height:12,x:0,y:0},t)).width,n=t.height,i=t.x,a=t.y,r=0,l=document.createElement("div");function c(t){return l.appendChild(t.dom),t}function p(t){for(var e=0;e<l.children.length;e++)l.children[e].style.display=e===t?"block":"none";r=t}l.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: "+e+"vw;height: "+n+"vw;left: "+i+"vw;top: "+a+"vw;",l.addEventListener("click",(function(t){t.preventDefault(),p(++r%l.children.length)}),!1);var f,h=(performance||Date).now(),u=h,d=0,y=c(s.Panel("FPS","#0ff","#002")),m=c(s.Panel("MS","#0f0","#020"));return self.performance&&self.performance.memory&&(f=c(s.Panel("MB","#f08","#201"))),p(0),{REVISION:16,dom:l,addPanel:c,showPanel:p,begin:function(t){h=t||(performance||Date).now()},end:function(){d++;var t=(performance||Date).now();if(m.update(t-h,200),t>=u+1e3&&(y.update(1e3*d/(t-u),100),u=t,d=0,f)){var e=performance.memory;f.update(e.usedJSHeapSize/1048576,e.jsHeapSizeLimit/1048576)}return t},update:function(){h=this.end()},domElement:l,setMode:p}};s.Panel=function(t,e,n){var o=1/0,i=0,s=Math.round,a=s(window.devicePixelRatio||1),r=80*a,l=48*a,c=3*a,p=2*a,f=3*a,h=15*a,u=74*a,d=30*a,y=document.createElement("canvas");y.width=r,y.height=l,y.style.cssText="width:100%;height:100%";var m=y.getContext("2d");return m.font="bold "+9*a+"px Helvetica,Arial,sans-serif",m.textBaseline="top",m.fillStyle=n,m.fillRect(0,0,r,l),m.fillStyle=e,m.fillText(t,c,p),m.fillRect(f,h,u,d),m.fillStyle=n,m.globalAlpha=.9,m.fillRect(f,h,u,d),{dom:y,update:function(l,v){o=Math.min(o,l),i=Math.max(i,l),m.fillStyle=n,m.globalAlpha=1,m.fillRect(0,0,r,h),m.fillStyle=e,m.fillText(s(l)+" "+t+" ("+s(o)+"-"+s(i)+")",c,p),m.drawImage(y,f+a,h,u-a,d,f,h,u-a,d),m.fillRect(f+u-a,h,a,d),m.fillStyle=n,m.globalAlpha=.9,m.fillRect(f+u-a,h,a,s((1-l/v)*d))}}};var a=s,r=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.show=!0,e}return n(e,t),e.prototype.init=function(t){void 0===t&&(t={show:!0}),this.show=t.show,this.style=t.style},e.prototype.start=function(){this.show&&(this.component=this.game.scene.addComponent(new i),this.stats=a(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()},e.systemName="Stats",e}(t.System),l={Components:[i],Systems:[r]};exports.Stats=i,exports.StatsSystem=r,exports.default=l;
+***************************************************************************** */function n(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}var o=function(){return(o=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var i in e=arguments[n])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.update=function(){this.stats&&this.stats.begin()},e.componentName="Stats",e}(t.Component),s=function(t){var e=(t=o({width:20,height:12,x:0,y:0},t)).width,n=t.height,i=t.x,a=t.y,r=0,l=document.createElement("div");function c(t){return l.appendChild(t.dom),t}function p(t){for(var e=0;e<l.children.length;e++)l.children[e].style.display=e===t?"block":"none";r=t}l.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000;width: "+e+"vw;height: "+n+"vw;left: "+i+"vw;top: "+a+"vw;",l.addEventListener("click",(function(t){t.preventDefault(),p(++r%l.children.length)}),!1);var f,h=(performance||Date).now(),u=h,d=0,y=c(s.Panel("FPS","#0ff","#002")),m=c(s.Panel("MS","#0f0","#020"));return self.performance&&self.performance.memory&&(f=c(s.Panel("MB","#f08","#201"))),p(0),{REVISION:16,dom:l,addPanel:c,showPanel:p,begin:function(t){h=t||(performance||Date).now()},end:function(){d++;var t=(performance||Date).now();if(m.update(t-h,200),t>=u+1e3&&(y.update(1e3*d/(t-u),100),u=t,d=0,f)){var e=performance.memory;f.update(e.usedJSHeapSize/1048576,e.jsHeapSizeLimit/1048576)}return t},update:function(){h=this.end()},domElement:l,setMode:p}};s.Panel=function(t,e,n){var o=1/0,i=0,s=Math.round,a=s(window.devicePixelRatio||1),r=80*a,l=48*a,c=3*a,p=2*a,f=3*a,h=15*a,u=74*a,d=30*a,y=document.createElement("canvas");y.width=r,y.height=l,y.style.cssText="width:100%;height:100%";var m=y.getContext("2d");return m.font="bold "+9*a+"px Helvetica,Arial,sans-serif",m.textBaseline="top",m.fillStyle=n,m.fillRect(0,0,r,l),m.fillStyle=e,m.fillText(t,c,p),m.fillRect(f,h,u,d),m.fillStyle=n,m.globalAlpha=.9,m.fillRect(f,h,u,d),{dom:y,update:function(l,v){o=Math.min(o,l),i=Math.max(i,l),m.fillStyle=n,m.globalAlpha=1,m.fillRect(0,0,r,h),m.fillStyle=e,m.fillText(s(l)+" "+t+" ("+s(o)+"-"+s(i)+")",c,p),m.drawImage(y,f+a,h,u-a,d,f,h,u-a,d),m.fillRect(f+u-a,h,a,d),m.fillStyle=n,m.globalAlpha=.9,m.fillRect(f+u-a,h,a,s((1-l/v)*d))}}};var a=s,r=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.show=!0,e}return n(e,t),e.prototype.init=function(t){void 0===t&&(t={show:!0}),this.show=t.show,this.style=t.style},e.prototype.start=function(){this.show&&(this.component=this.game.scene.addComponent(new i),this.stats=a(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()},e.systemName="Stats",e}(t.System),l={Components:[i],Systems:[r]};exports.Stats=i,exports.StatsSystem=r,exports.default=l;
+//# sourceMappingURL=plugin-stats.cjs.prod.js.map

package/dist/plugin-stats.cjs.prod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-stats.cjs.prod.js","sources":["../lib/StatsComponent.ts","../lib/Stats.ts","../lib/StatsSystem.ts","../lib/index.ts"],"sourcesContent":["import { Component } from '@eva/eva.js';\n\nexport default class StatsComponent extends Component {\n  static componentName: string = 'Stats';\n  stats;\n\n  update() {\n    this.stats && this.stats.begin();\n  }\n}\n","/**\n * @author mrdoob / http://mrdoob.com/\n */\n\nconst Stats = function (style) {\n  style = { ...{ width: 20, height: 12, x: 0, y: 0 }, ...style };\n  const { width, height, x, y } = style;\n  let mode = 0;\n\n  const container = document.createElement('div');\n  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;`;\n  container.addEventListener(\n    'click',\n    function (event) {\n      event.preventDefault();\n      showPanel(++mode % container.children.length);\n    },\n    false,\n  );\n\n  function addPanel(panel) {\n    container.appendChild(panel.dom);\n    return panel;\n  }\n\n  function showPanel(id) {\n    for (let i = 0; i < container.children.length; i++) {\n      // @ts-ignore\n      container.children[i].style.display = i === id ? 'block' : 'none';\n    }\n\n    mode = id;\n  }\n\n  let beginTime = (performance || Date).now(),\n    prevTime = beginTime,\n    frames = 0;\n\n  const fpsPanel = addPanel(Stats.Panel('FPS', '#0ff', '#002'));\n  const msPanel = addPanel(Stats.Panel('MS', '#0f0', '#020'));\n  let memPanel;\n  // @ts-ignore\n  if (self.performance && self.performance.memory) {\n    memPanel = addPanel(Stats.Panel('MB', '#f08', '#201'));\n  }\n\n  showPanel(0);\n\n  return {\n    REVISION: 16,\n\n    dom: container,\n\n    addPanel: addPanel,\n    showPanel: showPanel,\n\n    begin: function (time) {\n      beginTime = time || (performance || Date).now();\n    },\n\n    end: function () {\n      frames++;\n\n      const time = (performance || Date).now();\n\n      msPanel.update(time - beginTime, 200);\n\n      if (time >= prevTime + 1000) {\n        fpsPanel.update((frames * 1000) / (time - prevTime), 100);\n\n        prevTime = time;\n        frames = 0;\n\n        if (memPanel) {\n          // @ts-ignore\n          const memory = performance.memory;\n          memPanel.update(memory.usedJSHeapSize / 1048576, memory.jsHeapSizeLimit / 1048576);\n        }\n      }\n\n      return time;\n    },\n\n    update: function () {\n      beginTime = this.end();\n    },\n\n    // Backwards Compatibility\n\n    domElement: container,\n    setMode: showPanel,\n  };\n};\n\nStats.Panel = function (name, fg, bg) {\n  let min = Infinity,\n    max = 0;\n  const round = Math.round;\n  const PR = round(window.devicePixelRatio || 1);\n\n  const WIDTH = 80 * PR,\n    HEIGHT = 48 * PR,\n    TEXT_X = 3 * PR,\n    TEXT_Y = 2 * PR,\n    GRAPH_X = 3 * PR,\n    GRAPH_Y = 15 * PR,\n    GRAPH_WIDTH = 74 * PR,\n    GRAPH_HEIGHT = 30 * PR;\n\n  const canvas = document.createElement('canvas');\n  canvas.width = WIDTH;\n  canvas.height = HEIGHT;\n  canvas.style.cssText = 'width:100%;height:100%';\n\n  const context = canvas.getContext('2d');\n  context.font = 'bold ' + 9 * PR + 'px Helvetica,Arial,sans-serif';\n  context.textBaseline = 'top';\n\n  context.fillStyle = bg;\n  context.fillRect(0, 0, WIDTH, HEIGHT);\n\n  context.fillStyle = fg;\n  context.fillText(name, TEXT_X, TEXT_Y);\n  context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);\n\n  context.fillStyle = bg;\n  context.globalAlpha = 0.9;\n  context.fillRect(GRAPH_X, GRAPH_Y, GRAPH_WIDTH, GRAPH_HEIGHT);\n\n  return {\n    dom: canvas,\n\n    update: function (value, maxValue) {\n      min = Math.min(min, value);\n      max = Math.max(max, value);\n\n      context.fillStyle = bg;\n      context.globalAlpha = 1;\n      context.fillRect(0, 0, WIDTH, GRAPH_Y);\n      context.fillStyle = fg;\n      context.fillText(round(value) + ' ' + name + ' (' + round(min) + '-' + round(max) + ')', TEXT_X, TEXT_Y);\n\n      context.drawImage(\n        canvas,\n        GRAPH_X + PR,\n        GRAPH_Y,\n        GRAPH_WIDTH - PR,\n        GRAPH_HEIGHT,\n        GRAPH_X,\n        GRAPH_Y,\n        GRAPH_WIDTH - PR,\n        GRAPH_HEIGHT,\n      );\n\n      context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, GRAPH_HEIGHT);\n\n      context.fillStyle = bg;\n      context.globalAlpha = 0.9;\n      context.fillRect(GRAPH_X + GRAPH_WIDTH - PR, GRAPH_Y, PR, round((1 - value / maxValue) * GRAPH_HEIGHT));\n    },\n  };\n};\n\nexport default Stats;\n","import { System } from '@eva/eva.js';\nimport StatsComponent from './StatsComponent';\nimport Stats from './Stats';\n\ninterface StatsParams {\n  show?: boolean;\n  style?: {\n    width: number;\n    height: number;\n    x: number;\n    y: number;\n  };\n}\n\nexport default class StatsSystem extends System {\n  static systemName = 'Stats';\n  show: boolean = true;\n  stats;\n  style;\n  component: StatsComponent;\n  init(param: StatsParams = { show: true }) {\n    this.show = param.show;\n    this.style = param.style;\n  }\n  start() {\n    if (!this.show) return;\n    this.component = this.game.scene.addComponent(new StatsComponent());\n    this.stats = Stats(this.style);\n    this.component.stats = this.stats;\n    this.stats.showPanel(0); // 0: fps, 1: ms, 2: mb, 3+: custom\n    document.body.appendChild(this.stats.dom);\n  }\n  lateUpdate() {\n    if (!this.show) return;\n    this.stats && this.stats.end();\n  }\n}\n","import Stats from './StatsComponent';\nimport StatsSystem from './StatsSystem';\n\nexport default {\n  Components: [Stats],\n  Systems: [StatsSystem],\n};\n\nexport { Stats, StatsSystem };\n"],"names":["__extends","StatsComponent","this","stats","begin","Component","Stats","style","width","height","x","y","mode","container","document","createElement","addPanel","panel","appendChild","dom","showPanel","id","i","children","length","display","cssText","addEventListener","event","preventDefault","memPanel","beginTime","performance","Date","now","prevTime","frames","fpsPanel","Panel","msPanel","self","memory","REVISION","time","end","update","usedJSHeapSize","jsHeapSizeLimit","domElement","setMode","name","fg","bg","min","Infinity","max","round","Math","PR","window","devicePixelRatio","WIDTH","HEIGHT","TEXT_X","TEXT_Y","GRAPH_X","GRAPH_Y","GRAPH_WIDTH","GRAPH_HEIGHT","canvas","context","getContext","font","textBaseline","fillStyle","fillRect","fillText","globalAlpha","value","maxValue","drawImage","_this","StatsSystem","param","show","component","game","scene","addComponent","body","System","Components","Systems"],"mappings":";;;;;;;;;;;;;;8aAEA,4DAOA,OAP4CA,OAI1CC,mBAAA,WACEC,KAAKC,OAASD,KAAKC,MAAMC,SAJpBH,gBAAwB,WADWI,aCEtCC,EAAQ,SAAUC,GAEd,IAAAC,GADRD,IAAa,CAAEC,MAAO,GAAIC,OAAQ,GAAIC,EAAG,EAAGC,EAAG,GAAQJ,UACxCE,EAAiBF,SAATG,EAASH,IAANI,EAAMJ,IAC5BK,EAAO,EAELC,EAAYC,SAASC,cAAc,OAWzC,SAASC,EAASC,GAEhB,OADAJ,EAAUK,YAAYD,EAAME,KACrBF,EAGT,SAASG,EAAUC,GACjB,IAAK,IAAIC,EAAI,EAAGA,EAAIT,EAAUU,SAASC,OAAQF,IAE7CT,EAAUU,SAASD,GAAGf,MAAMkB,QAAUH,IAAMD,EAAK,QAAU,OAG7DT,EAAOS,EArBTR,EAAUN,MAAMmB,QAAU,+EAA+ElB,gBAAmBC,cAAkBC,aAAYC,QAC1JE,EAAUc,iBACR,SACA,SAAUC,GACRA,EAAMC,iBACNT,IAAYR,EAAOC,EAAUU,SAASC,WAExC,GAiBF,IAMIM,EANAC,GAAaC,aAAeC,MAAMC,MACpCC,EAAWJ,EACXK,EAAS,EAELC,EAAWrB,EAASV,EAAMgC,MAAM,MAAO,OAAQ,SAC/CC,EAAUvB,EAASV,EAAMgC,MAAM,KAAM,OAAQ,SASnD,OANIE,KAAKR,aAAeQ,KAAKR,YAAYS,SACvCX,EAAWd,EAASV,EAAMgC,MAAM,KAAM,OAAQ,UAGhDlB,EAAU,GAEH,CACLsB,SAAU,GAEVvB,IAAKN,EAELG,SAAUA,EACVI,UAAWA,EAEXhB,MAAO,SAAUuC,GACfZ,EAAYY,IAASX,aAAeC,MAAMC,OAG5CU,IAAK,WACHR,IAEA,IAAMO,GAAQX,aAAeC,MAAMC,MAInC,GAFAK,EAAQM,OAAOF,EAAOZ,EAAW,KAE7BY,GAAQR,EAAW,MACrBE,EAASQ,OAAiB,IAATT,GAAkBO,EAAOR,GAAW,KAErDA,EAAWQ,EACXP,EAAS,EAELN,GAAU,CAEZ,IAAMW,EAAST,YAAYS,OAC3BX,EAASe,OAAOJ,EAAOK,eAAiB,QAASL,EAAOM,gBAAkB,SAI9E,OAAOJ,GAGTE,OAAQ,WACNd,EAAY7B,KAAK0C,OAKnBI,WAAYnC,EACZoC,QAAS7B,IAIbd,EAAMgC,MAAQ,SAAUY,EAAMC,EAAIC,GAChC,IAAIC,EAAMC,EAAAA,EACRC,EAAM,EACFC,EAAQC,KAAKD,MACbE,EAAKF,EAAMG,OAAOC,kBAAoB,GAEtCC,EAAQ,GAAKH,EACjBI,EAAS,GAAKJ,EACdK,EAAS,EAAIL,EACbM,EAAS,EAAIN,EACbO,EAAU,EAAIP,EACdQ,EAAU,GAAKR,EACfS,EAAc,GAAKT,EACnBU,EAAe,GAAKV,EAEhBW,EAASvD,SAASC,cAAc,UACtCsD,EAAO7D,MAAQqD,EACfQ,EAAO5D,OAASqD,EAChBO,EAAO9D,MAAMmB,QAAU,yBAEvB,IAAM4C,EAAUD,EAAOE,WAAW,MAelC,OAdAD,EAAQE,KAAO,QAAU,EAAId,EAAK,gCAClCY,EAAQG,aAAe,MAEvBH,EAAQI,UAAYtB,EACpBkB,EAAQK,SAAS,EAAG,EAAGd,EAAOC,GAE9BQ,EAAQI,UAAYvB,EACpBmB,EAAQM,SAAS1B,EAAMa,EAAQC,GAC/BM,EAAQK,SAASV,EAASC,EAASC,EAAaC,GAEhDE,EAAQI,UAAYtB,EACpBkB,EAAQO,YAAc,GACtBP,EAAQK,SAASV,EAASC,EAASC,EAAaC,GAEzC,CACLjD,IAAKkD,EAELxB,OAAQ,SAAUiC,EAAOC,GACvB1B,EAAMI,KAAKJ,IAAIA,EAAKyB,GACpBvB,EAAME,KAAKF,IAAIA,EAAKuB,GAEpBR,EAAQI,UAAYtB,EACpBkB,EAAQO,YAAc,EACtBP,EAAQK,SAAS,EAAG,EAAGd,EAAOK,GAC9BI,EAAQI,UAAYvB,EACpBmB,EAAQM,SAASpB,EAAMsB,GAAS,IAAM5B,EAAO,KAAOM,EAAMH,GAAO,IAAMG,EAAMD,GAAO,IAAKQ,EAAQC,GAEjGM,EAAQU,UACNX,EACAJ,EAAUP,EACVQ,EACAC,EAAcT,EACdU,EACAH,EACAC,EACAC,EAAcT,EACdU,GAGFE,EAAQK,SAASV,EAAUE,EAAcT,EAAIQ,EAASR,EAAIU,GAE1DE,EAAQI,UAAYtB,EACpBkB,EAAQO,YAAc,GACtBP,EAAQK,SAASV,EAAUE,EAAcT,EAAIQ,EAASR,EAAIF,GAAO,EAAIsB,EAAQC,GAAYX,OAK/F,MAAe9D,gBCrJf,aAAA,qDAEE2E,QAAgB,IAoBlB,OAtByCjF,OAMvCkF,iBAAA,SAAKC,gBAAAA,GAAuBC,MAAM,IAChClF,KAAKkF,KAAOD,EAAMC,KAClBlF,KAAKK,MAAQ4E,EAAM5E,OAErB2E,kBAAA,WACOhF,KAAKkF,OACVlF,KAAKmF,UAAYnF,KAAKoF,KAAKC,MAAMC,aAAa,IAAIvF,GAClDC,KAAKC,MAAQG,EAAMJ,KAAKK,OACxBL,KAAKmF,UAAUlF,MAAQD,KAAKC,MAC5BD,KAAKC,MAAMiB,UAAU,GACrBN,SAAS2E,KAAKvE,YAAYhB,KAAKC,MAAMgB,OAEvC+D,uBAAA,WACOhF,KAAKkF,MACVlF,KAAKC,OAASD,KAAKC,MAAMyC,OAnBpBsC,aAAa,WADmBQ,YCX1B,CACbC,WAAY,CAACrF,GACbsF,QAAS,CAACV"}

package/dist/plugin-stats.d.ts

@@ -0,0 +1,37 @@
+import { Component } from '@eva/eva.js';
+import { System } from '@eva/eva.js';
+
+declare const _default: {
+    Components: (typeof Stats)[];
+    Systems: (typeof StatsSystem)[];
+};
+export default _default;
+
+export declare class Stats extends Component {
+    static componentName: string;
+    stats: any;
+    update(): void;
+}
+
+declare interface StatsParams {
+    show?: boolean;
+    style?: {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+    };
+}
+
+export declare class StatsSystem extends System {
+    static systemName: string;
+    show: boolean;
+    stats: any;
+    style: any;
+    component: Stats;
+    init(param?: StatsParams): void;
+    start(): void;
+    lateUpdate(): void;
+}
+
+export { }

package/dist/plugin-stats.esm.js

@@ -76,6 +76,8 @@ var Stats = function (style) {
     var 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;
     if (self.performance && self.performance.memory) {
         memPanel = addPanel(Stats.Panel('MB', '#f08', '#201'));
@@ -89,10 +91,14 @@ var Stats = function (style) {
         begin: function (time) {
             beginTime = time || (performance || Date).now();
         },
-        end: function () {
+        end: function (hook) {
             frames++;
             var time = (performance || Date).now();
             msPanel.update(time - beginTime, 200);
+            if (hook) {
+                dcPanel.update(hook.deltaDrawCalls, Math.max(50, hook.maxDeltaDrawCalls));
+                tcPanel.update(hook.texturesCount, Math.max(20, hook.maxTextureCount));
+            }
             if (time >= prevTime + 1000) {
                 fpsPanel.update((frames * 1000) / (time - prevTime), 100);
                 prevTime = time;
@@ -151,6 +157,174 @@ Stats.Panel = function (name, fg, bg) {
 };
 var Stats$1 = Stats;
 
+var GLHook = (function () {
+    function GLHook(_gl) {
+        this.drawPasses = 0;
+        this.isInit = false;
+        this.realGLDrawElements = function () { };
+        if (_gl) {
+            if (_gl.__proto__.drawElements) {
+                this.gl = _gl;
+                this.realGLDrawElements = _gl.__proto__.drawElements;
+                _gl.__proto__.drawElements = this.fakeGLdrawElements.bind(this);
+                this.isInit = true;
+            }
+        }
+        else {
+            console.error("[GLHook] GL can't be NULL");
+        }
+    }
+    GLHook.prototype.fakeGLdrawElements = function (mode, count, type, offset) {
+        this.drawPasses++;
+        this.realGLDrawElements.call(this.gl, mode, count, type, offset);
+    };
+    GLHook.prototype.reset = function () {
+        this.drawPasses = 0;
+    };
+    GLHook.prototype.release = function () {
+        if (this.isInit) {
+            this.gl.__proto__.drawElements = this.realGLDrawElements;
+        }
+        this.isInit = false;
+    };
+    return GLHook;
+}());
+
+var TextureHook = (function () {
+    function TextureHook(_gl) {
+        this.createdTextures = new Array();
+        this.maxTexturesCount = 0;
+        this.isInit = false;
+        this.realGLCreateTexture = function () { };
+        this.realGLDeleteTexture = function () { };
+        if (_gl) {
+            if (_gl.__proto__.createTexture) {
+                this.gl = _gl;
+                this.realGLCreateTexture = _gl.__proto__.createTexture;
+                this.realGLDeleteTexture = _gl.__proto__.deleteTexture;
+                _gl.__proto__.createTexture = this.fakeGLCreateTexture.bind(this);
+                _gl.__proto__.deleteTexture = this.fakeGLDeleteTexture.bind(this);
+                this.isInit = true;
+            }
+        }
+        else {
+            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) {
+        this.createdTextures.push(texture);
+        this.maxTexturesCount = Math.max(this.createdTextures.length, this.maxTexturesCount);
+    };
+    TextureHook.prototype.fakeGLCreateTexture = function () {
+        var texture = this.realGLCreateTexture.call(this.gl);
+        this.registerTexture(texture);
+        return texture;
+    };
+    TextureHook.prototype.fakeGLDeleteTexture = function (texture) {
+        var index = this.createdTextures.indexOf(texture);
+        if (index > -1) {
+            this.createdTextures.splice(index, 1);
+        }
+        this.realGLDeleteTexture.call(this.gl, texture);
+    };
+    TextureHook.prototype.reset = function () {
+        this.createdTextures = new Array();
+        this.maxTexturesCount = 0;
+    };
+    TextureHook.prototype.release = function () {
+        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() {
+        this._drawCalls = -1;
+        this._maxDeltaDrawCalls = -1;
+    }
+    BaseHooks.prototype.attach = function (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;
+            return 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BaseHooks.prototype.reset = function () {
+        this._maxDeltaDrawCalls = -1;
+        this._drawCalls = -1;
+        if (this.glhook)
+            this.glhook.reset();
+        if (this.texturehook)
+            this.texturehook.reset();
+    };
+    BaseHooks.prototype.release = function () {
+        if (this.glhook)
+            this.glhook.release();
+        if (this.texturehook)
+            this.texturehook.release();
+    };
+    return BaseHooks;
+}());
+
 var StatsSystem = (function (_super) {
     __extends(StatsSystem, _super);
     function StatsSystem() {
@@ -162,6 +336,13 @@ var StatsSystem = (function (_super) {
         if (param === void 0) { 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;
+            this.hook = new BaseHooks();
+            this.hook.attach(gl);
+        }
     };
     StatsSystem.prototype.start = function () {
         if (!this.show)
@@ -175,7 +356,7 @@ var StatsSystem = (function (_super) {
     StatsSystem.prototype.lateUpdate = function () {
         if (!this.show)
             return;
-        this.stats && this.stats.end();
+        this.stats && this.stats.end(this.hook);
     };
     StatsSystem.systemName = 'Stats';
     return StatsSystem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-stats",
-  "version": "1.1.1-fix.1",
+  "version": "1.1.1-fix.2",
   "description": "@eva/plugin-stats",
   "main": "index.js",
   "module": "dist/plugin-stats.esm.js",
@@ -18,7 +18,7 @@
   "license": "MIT",
   "homepage": "https://eva.js.org",
   "dependencies": {
-    "@eva/eva.js": "1.1.1-fix.1",
+    "@eva/eva.js": "1.1.1-fix.2",
     "lodash-es": "^4.17.21"
   }
 }