Updating Doob Stats.

src/js/lib/stats.min.js

@@ -1,6 +1,179 @@
-// stats.js - http://github.com/mrdoob/stats.js
-var Stats=function(){var l=Date.now(),m=l,g=0,n=Infinity,o=0,h=0,p=Infinity,q=0,r=0,s=0,f=document.createElement("div");f.id="stats";f.addEventListener("mousedown",function(b){b.preventDefault();t(++s%2)},!1);f.style.cssText="width:80px;opacity:0.9;cursor:pointer";var a=document.createElement("div");a.id="fps";a.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#002";f.appendChild(a);var i=document.createElement("div");i.id="fpsText";i.style.cssText="color:#0ff;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px";
-i.innerHTML="FPS";a.appendChild(i);var c=document.createElement("div");c.id="fpsGraph";c.style.cssText="position:relative;width:74px;height:30px;background-color:#0ff";for(a.appendChild(c);74>c.children.length;){var j=document.createElement("span");j.style.cssText="width:1px;height:30px;float:left;background-color:#113";c.appendChild(j)}var d=document.createElement("div");d.id="ms";d.style.cssText="padding:0 0 3px 3px;text-align:left;background-color:#020;display:none";f.appendChild(d);var k=document.createElement("div");
-k.id="msText";k.style.cssText="color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px";k.innerHTML="MS";d.appendChild(k);var e=document.createElement("div");e.id="msGraph";e.style.cssText="position:relative;width:74px;height:30px;background-color:#0f0";for(d.appendChild(e);74>e.children.length;)j=document.createElement("span"),j.style.cssText="width:1px;height:30px;float:left;background-color:#131",e.appendChild(j);var t=function(b){s=b;switch(s){case 0:a.style.display=
-"block";d.style.display="none";break;case 1:a.style.display="none",d.style.display="block"}};return{REVISION:11,domElement:f,setMode:t,begin:function(){l=Date.now()},end:function(){var b=Date.now();g=b-l;n=Math.min(n,g);o=Math.max(o,g);k.textContent=g+" MS ("+n+"-"+o+")";var a=Math.min(30,30-30*(g/200));e.appendChild(e.firstChild).style.height=a+"px";r++;b>m+1E3&&(h=Math.round(1E3*r/(b-m)),p=Math.min(p,h),q=Math.max(q,h),i.textContent=h+" FPS ("+p+"-"+q+")",a=Math.min(30,30-30*(h/100)),c.appendChild(c.firstChild).style.height=
-a+"px",m=b,r=0);return b},update:function(){l=this.end()}}};
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global.Stats = factory());
+}(this, (function () { 'use strict';
+
+/**
+ * @author mrdoob / http://mrdoob.com/
+ */
+
+var Stats = function () {
+
+  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';
+  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( new Stats.Panel( 'FPS', '#0ff', '#002' ) );
+  var msPanel = addPanel( new Stats.Panel( 'MS', '#0f0', '#020' ) );
+
+  if ( self.performance && self.performance.memory ) {
+
+    var memPanel = addPanel( new Stats.Panel( 'MB', '#f08', '#201' ) );
+
+  }
+
+  showPanel( 0 );
+
+  return {
+
+    REVISION: 16,
+
+    dom: container,
+
+    addPanel: addPanel,
+    showPanel: showPanel,
+
+    begin: function () {
+
+      beginTime = ( performance || Date ).now();
+
+    },
+
+    end: function () {
+
+      frames ++;
+
+      var time = ( performance || Date ).now();
+
+      msPanel.update( time - beginTime, 200 );
+
+      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 () {
+
+      beginTime = this.end();
+
+    },
+
+    // Backwards Compatibility
+
+    domElement: container,
+    setMode: showPanel
+
+  };
+
+};
+
+Stats.Panel = function ( name, fg, bg ) {
+
+  var min = Infinity, max = 0, 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:80px;height:48px';
+
+  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 ( 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 ) );
+
+    }
+
+  };
+
+};
+
+return Stats;
+
+})));