Rebuilt files

build/public/assets/css/app.css

@@ -1 +1 @@
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.main{width:100%;height:100vh}
+html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:16px/1 sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,blockquote,figure,ol,ul{margin:0;padding:0}main,li{display:block}h1,h2,h3,h4{font-size:inherit}strong{font-weight:bold}a,button{color:inherit;transition:.3s}a{text-decoration:none}button{overflow:visible;border:0;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer}::-moz-focus-inner{padding:0;border:0}:focus{outline:0}img{max-width:100%;height:auto;border:0}body{overflow:hidden}.main{position:relative;width:100%;height:100vh}#loading{position:absolute;top:calc(50% - 8px);left:calc(50% - 35px)}

build/public/assets/css/rStats.css

@@ -1,23 +1,36 @@
+.alarm {
+  color: #b70000;
+  text-shadow: 0 0 0 #b70000,
+  0 0 1px #ffffff,
+  0 0 1px #ffffff,
+  0 0 2px #ffffff,
+  0 0 2px #ffffff,
+  0 0 3px #ffffff,
+  0 0 3px #ffffff,
+  0 0 4px #ffffff,
+  0 0 4px #ffffff;
+}
+
 .rs-base {
   position: absolute;
-  z-index: 10000;
-  padding: 10px;
-  background-color: #222;
-  font-size: 10px;
-  line-height: 1.2em;
-  width: 350px;
-  font-family: 'Roboto Condensed', tahoma, sans-serif;
-  left: 0;
   top: 0;
+  left: 0;
+  z-index: 10000;
   overflow: hidden;
+  padding: 10px;
+  width: 350px;
+  background-color: #222222;
+  font-size: 10px;
+  font-family: 'Roboto Condensed', tahoma, sans-serif;
+  line-height: 1.2em;
 }
 
 .rs-base h1 {
   margin: 0;
-  padding: 0;
-  font-size: 1.4em;
-  color: #fff;
   margin-bottom: 5px;
+  padding: 0;
+  color: #ffffff;
+  font-size: 1.4em;
   cursor: pointer;
 }
 
@@ -35,10 +48,10 @@
 }
 
 .rs-base div.rs-fraction p {
-  width: 120px;
-  text-align: right;
   margin: 0;
   padding: 0;
+  width: 120px;
+  text-align: right;
 }
 
 .rs-base div.rs-legend {
@@ -54,16 +67,16 @@
 
 .rs-base span.rs-counter-id {
   position: absolute;
-  left: 0;
   top: 0;
+  left: 0;
 }
 
 .rs-base div.rs-counter-value {
   position: absolute;
+  top: 0;
   left: 90px;
   width: 30px;
   height: 1em;
-  top: 0;
   text-align: right;
 }
 

build/public/assets/js/rStats.extras.js

@@ -0,0 +1,265 @@
+window.glStats = function () {
+
+  var _rS = null;
+
+  var _totalDrawArraysCalls = 0,
+      _totalDrawElementsCalls = 0,
+      _totalUseProgramCalls = 0,
+      _totalFaces = 0,
+      _totalVertices = 0,
+      _totalPoints = 0,
+      _totalBindTexures = 0;
+
+  function _h ( f, c ) {
+    return function () {
+      c.apply( this, arguments );
+      f.apply( this, arguments );
+    };
+  }
+
+  WebGLRenderingContext.prototype.drawArrays = _h( WebGLRenderingContext.prototype.drawArrays, function () {
+    _totalDrawArraysCalls++;
+    if ( arguments[ 0 ] == this.POINTS ) _totalPoints += arguments[ 2 ];
+    else _totalVertices += arguments[ 2 ];
+  } );
+
+  WebGLRenderingContext.prototype.drawElements = _h( WebGLRenderingContext.prototype.drawElements, function () {
+    _totalDrawElementsCalls++;
+    _totalFaces += arguments[ 1 ] / 3;
+    _totalVertices += arguments[ 1 ];
+  } );
+
+  WebGLRenderingContext.prototype.useProgram = _h( WebGLRenderingContext.prototype.useProgram, function () {
+    _totalUseProgramCalls++;
+  } );
+
+  WebGLRenderingContext.prototype.bindTexture = _h( WebGLRenderingContext.prototype.bindTexture, function () {
+    _totalBindTexures++;
+  } );
+
+  var _values = {
+    allcalls: {
+      over: 3000,
+      caption: 'Calls (hook)'
+    },
+    drawelements: {
+      caption: 'drawElements (hook)'
+    },
+    drawarrays: {
+      caption: 'drawArrays (hook)'
+    }
+  };
+
+  var _groups = [ {
+    caption: 'WebGL',
+    values: [ 'allcalls', 'drawelements', 'drawarrays', 'useprogram', 'bindtexture', 'glfaces', 'glvertices', 'glpoints' ]
+  } ];
+
+  var _fractions = [ {
+    base: 'allcalls',
+    steps: [ 'drawelements', 'drawarrays' ]
+  } ];
+
+  function _update () {
+    _rS( 'allcalls' ).set( _totalDrawArraysCalls + _totalDrawElementsCalls );
+    _rS( 'drawElements' ).set( _totalDrawElementsCalls );
+    _rS( 'drawArrays' ).set( _totalDrawArraysCalls );
+    _rS( 'bindTexture' ).set( _totalBindTexures );
+    _rS( 'useProgram' ).set( _totalUseProgramCalls );
+    _rS( 'glfaces' ).set( _totalFaces );
+    _rS( 'glvertices' ).set( _totalVertices );
+    _rS( 'glpoints' ).set( _totalPoints );
+  }
+
+  function _start () {
+    _totalDrawArraysCalls = 0;
+    _totalDrawElementsCalls = 0;
+    _totalUseProgramCalls = 0;
+    _totalFaces = 0;
+    _totalVertices = 0;
+    _totalPoints = 0;
+    _totalBindTexures = 0;
+  }
+
+  function _end () {}
+
+  function _attach ( r ) {
+    _rS = r;
+  }
+
+  return {
+    update: _update,
+    start: _start,
+    end: _end,
+    attach: _attach,
+    values: _values,
+    groups: _groups,
+    fractions: _fractions
+  };
+
+};
+
+window.threeStats = function ( renderer ) {
+
+  var _rS = null;
+
+  var _values = {
+    'renderer.info.memory.geometries': {
+      caption: 'Geometries'
+    },
+    'renderer.info.memory.textures': {
+      caption: 'Textures'
+    },
+    'renderer.info.programs': {
+      caption: 'Programs'
+    },
+    'renderer.info.render.calls': {
+      caption: 'Calls'
+    },
+    'renderer.info.render.faces': {
+      caption: 'Faces',
+      over: 1000
+    },
+    'renderer.info.render.points': {
+      caption: 'Points'
+    },
+    'renderer.info.render.vertices': {
+      caption: 'Vertices'
+    }
+  };
+
+  var _groups = [ {
+    caption: 'Three.js - Memory',
+    values: [ 'renderer.info.memory.geometries', 'renderer.info.programs', 'renderer.info.memory.textures' ]
+  }, {
+    caption: 'Three.js - Render',
+    values: [ 'renderer.info.render.calls', 'renderer.info.render.faces', 'renderer.info.render.points', 'renderer.info.render.vertices' ]
+  } ];
+
+  var _fractions = [];
+
+  function _update () {
+
+    _rS( 'renderer.info.memory.geometries' ).set( renderer.info.memory.geometries );
+    //_rS( 'renderer.info.programs' ).set( renderer.info.programs.length );
+    _rS( 'renderer.info.memory.textures' ).set( renderer.info.memory.textures );
+    _rS( 'renderer.info.render.calls' ).set( renderer.info.render.calls );
+    _rS( 'renderer.info.render.faces' ).set( renderer.info.render.faces );
+    _rS( 'renderer.info.render.points' ).set( renderer.info.render.points );
+    _rS( 'renderer.info.render.vertices' ).set( renderer.info.render.vertices );
+
+  }
+
+  function _start () {}
+
+  function _end () {}
+
+  function _attach ( r ) {
+    _rS = r;
+  }
+
+  return {
+    update: _update,
+    start: _start,
+    end: _end,
+    attach: _attach,
+    values: _values,
+    groups: _groups,
+    fractions: _fractions
+  };
+
+};
+
+/*
+ *   From https://github.com/paulirish/memory-stats.js
+ */
+
+window.BrowserStats = function () {
+
+  var _rS = null;
+
+  var _usedJSHeapSize = 0,
+      _totalJSHeapSize = 0;
+
+  var memory = {
+    usedJSHeapSize: 0,
+    totalJSHeapSize: 0
+  };
+
+  if ( window.performance && performance.memory )
+    memory = performance.memory;
+
+  if ( memory.totalJSHeapSize === 0 ) {
+    console.warn( 'totalJSHeapSize === 0... performance.memory is only available in Chrome .' );
+  }
+
+  var _values = {
+    memory: {
+      caption: 'Used Memory',
+      average: true,
+      avgMs: 1000,
+      over: 22
+    },
+    total: {
+      caption: 'Total Memory'
+    }
+  };
+
+  var _groups = [ {
+    caption: 'Browser',
+    values: [ 'memory', 'total' ]
+  } ];
+
+  var _fractions = [ {
+    base: 'total',
+    steps: [ 'memory' ]
+  } ];
+
+  var log1024 = Math.log( 1024 );
+
+  function _size ( v ) {
+
+    var precision = 100; //Math.pow(10, 2);
+    var i = Math.floor( Math.log( v ) / log1024 );
+    if( v === 0 ) i = 1;
+    return Math.round( v * precision / Math.pow( 1024, i ) ) / precision; // + ' ' + sizes[i];
+
+  }
+
+  function _update () {
+    _usedJSHeapSize = _size( memory.usedJSHeapSize );
+    _totalJSHeapSize = _size( memory.totalJSHeapSize );
+
+    _rS( 'memory' ).set( _usedJSHeapSize );
+    _rS( 'total' ).set( _totalJSHeapSize );
+  }
+
+  function _start () {
+    _usedJSHeapSize = 0;
+  }
+
+  function _end () {}
+
+  function _attach ( r ) {
+    _rS = r;
+  }
+
+  return {
+    update: _update,
+    start: _start,
+    end: _end,
+    attach: _attach,
+    values: _values,
+    groups: _groups,
+    fractions: _fractions
+  };
+
+};
+
+if (typeof module === 'object') {
+  module.exports = {
+    glStats: window.glStats,
+    threeStats: window.threeStats,
+    BrowserStats: window.BrowserStats
+  };
+}

build/public/assets/js/rStats.js

@@ -451,269 +451,3 @@ window.rStats = function rStats ( settings ) {
 if (typeof module === 'object') {
   module.exports = window.rStats;
 }
-
-window.glStats = function () {
-
-  var _rS = null;
-
-  var _totalDrawArraysCalls = 0,
-      _totalDrawElementsCalls = 0,
-      _totalUseProgramCalls = 0,
-      _totalFaces = 0,
-      _totalVertices = 0,
-      _totalPoints = 0,
-      _totalBindTexures = 0;
-
-  function _h ( f, c ) {
-    return function () {
-      c.apply( this, arguments );
-      f.apply( this, arguments );
-    };
-  }
-
-  WebGLRenderingContext.prototype.drawArrays = _h( WebGLRenderingContext.prototype.drawArrays, function () {
-    _totalDrawArraysCalls++;
-    if ( arguments[ 0 ] == this.POINTS ) _totalPoints += arguments[ 2 ];
-    else _totalVertices += arguments[ 2 ];
-  } );
-
-  WebGLRenderingContext.prototype.drawElements = _h( WebGLRenderingContext.prototype.drawElements, function () {
-    _totalDrawElementsCalls++;
-    _totalFaces += arguments[ 1 ] / 3;
-    _totalVertices += arguments[ 1 ];
-  } );
-
-  WebGLRenderingContext.prototype.useProgram = _h( WebGLRenderingContext.prototype.useProgram, function () {
-    _totalUseProgramCalls++;
-  } );
-
-  WebGLRenderingContext.prototype.bindTexture = _h( WebGLRenderingContext.prototype.bindTexture, function () {
-    _totalBindTexures++;
-  } );
-
-  var _values = {
-    allcalls: {
-      over: 3000,
-      caption: 'Calls (hook)'
-    },
-    drawelements: {
-      caption: 'drawElements (hook)'
-    },
-    drawarrays: {
-      caption: 'drawArrays (hook)'
-    }
-  };
-
-  var _groups = [ {
-    caption: 'WebGL',
-    values: [ 'allcalls', 'drawelements', 'drawarrays', 'useprogram', 'bindtexture', 'glfaces', 'glvertices', 'glpoints' ]
-  } ];
-
-  var _fractions = [ {
-    base: 'allcalls',
-    steps: [ 'drawelements', 'drawarrays' ]
-  } ];
-
-  function _update () {
-    _rS( 'allcalls' ).set( _totalDrawArraysCalls + _totalDrawElementsCalls );
-    _rS( 'drawElements' ).set( _totalDrawElementsCalls );
-    _rS( 'drawArrays' ).set( _totalDrawArraysCalls );
-    _rS( 'bindTexture' ).set( _totalBindTexures );
-    _rS( 'useProgram' ).set( _totalUseProgramCalls );
-    _rS( 'glfaces' ).set( _totalFaces );
-    _rS( 'glvertices' ).set( _totalVertices );
-    _rS( 'glpoints' ).set( _totalPoints );
-  }
-
-  function _start () {
-    _totalDrawArraysCalls = 0;
-    _totalDrawElementsCalls = 0;
-    _totalUseProgramCalls = 0;
-    _totalFaces = 0;
-    _totalVertices = 0;
-    _totalPoints = 0;
-    _totalBindTexures = 0;
-  }
-
-  function _end () {}
-
-  function _attach ( r ) {
-    _rS = r;
-  }
-
-  return {
-    update: _update,
-    start: _start,
-    end: _end,
-    attach: _attach,
-    values: _values,
-    groups: _groups,
-    fractions: _fractions
-  };
-
-};
-
-window.threeStats = function ( renderer ) {
-
-  var _rS = null;
-
-  var _values = {
-    'renderer.info.memory.geometries': {
-      caption: 'Geometries'
-    },
-    'renderer.info.memory.textures': {
-      caption: 'Textures'
-    },
-    'renderer.info.programs': {
-      caption: 'Programs'
-    },
-    'renderer.info.render.calls': {
-      caption: 'Calls'
-    },
-    'renderer.info.render.faces': {
-      caption: 'Faces',
-      over: 1000
-    },
-    'renderer.info.render.points': {
-      caption: 'Points'
-    },
-    'renderer.info.render.vertices': {
-      caption: 'Vertices'
-    }
-  };
-
-  var _groups = [ {
-    caption: 'Three.js - Memory',
-    values: [ 'renderer.info.memory.geometries', 'renderer.info.programs', 'renderer.info.memory.textures' ]
-  }, {
-    caption: 'Three.js - Render',
-    values: [ 'renderer.info.render.calls', 'renderer.info.render.faces', 'renderer.info.render.points', 'renderer.info.render.vertices' ]
-  } ];
-
-  var _fractions = [];
-
-  function _update () {
-
-    _rS( 'renderer.info.memory.geometries' ).set( renderer.info.memory.geometries );
-    //_rS( 'renderer.info.programs' ).set( renderer.info.programs.length );
-    _rS( 'renderer.info.memory.textures' ).set( renderer.info.memory.textures );
-    _rS( 'renderer.info.render.calls' ).set( renderer.info.render.calls );
-    _rS( 'renderer.info.render.faces' ).set( renderer.info.render.faces );
-    _rS( 'renderer.info.render.points' ).set( renderer.info.render.points );
-    _rS( 'renderer.info.render.vertices' ).set( renderer.info.render.vertices );
-
-  }
-
-  function _start () {}
-
-  function _end () {}
-
-  function _attach ( r ) {
-    _rS = r;
-  }
-
-  return {
-    update: _update,
-    start: _start,
-    end: _end,
-    attach: _attach,
-    values: _values,
-    groups: _groups,
-    fractions: _fractions
-  };
-
-};
-
-/*
- *   From https://github.com/paulirish/memory-stats.js
- */
-
-window.BrowserStats = function () {
-
-  var _rS = null;
-
-  var _usedJSHeapSize = 0,
-      _totalJSHeapSize = 0;
-
-  var memory = {
-    usedJSHeapSize: 0,
-    totalJSHeapSize: 0
-  };
-
-  if ( window.performance && performance.memory )
-    memory = performance.memory;
-
-  if ( memory.totalJSHeapSize === 0 ) {
-    console.warn( 'totalJSHeapSize === 0... performance.memory is only available in Chrome .' );
-  }
-
-  var _values = {
-    memory: {
-      caption: 'Used Memory',
-      average: true,
-      avgMs: 1000,
-      over: 22
-    },
-    total: {
-      caption: 'Total Memory'
-    }
-  };
-
-  var _groups = [ {
-    caption: 'Browser',
-    values: [ 'memory', 'total' ]
-  } ];
-
-  var _fractions = [ {
-    base: 'total',
-    steps: [ 'memory' ]
-  } ];
-
-  var log1024 = Math.log( 1024 );
-
-  function _size ( v ) {
-
-    var precision = 100; //Math.pow(10, 2);
-    var i = Math.floor( Math.log( v ) / log1024 );
-    if( v === 0 ) i = 1;
-    return Math.round( v * precision / Math.pow( 1024, i ) ) / precision; // + ' ' + sizes[i];
-
-  }
-
-  function _update () {
-    _usedJSHeapSize = _size( memory.usedJSHeapSize );
-    _totalJSHeapSize = _size( memory.totalJSHeapSize );
-
-    _rS( 'memory' ).set( _usedJSHeapSize );
-    _rS( 'total' ).set( _totalJSHeapSize );
-  }
-
-  function _start () {
-    _usedJSHeapSize = 0;
-  }
-
-  function _end () {}
-
-  function _attach ( r ) {
-    _rS = r;
-  }
-
-  return {
-    update: _update,
-    start: _start,
-    end: _end,
-    attach: _attach,
-    values: _values,
-    groups: _groups,
-    fractions: _fractions
-  };
-
-};
-
-if (typeof module === 'object') {
-  module.exports = {
-    glStats: window.glStats,
-    threeStats: window.threeStats,
-    BrowserStats: window.BrowserStats
-  };
-}

build/public/index.html

@@ -4,16 +4,16 @@
   <meta charset="UTF-8">
   <title>Three.js Webpack ES6 Boilerplate</title>
 
-  <link rel="stylesheet" type="text/css" href="/assets/css/app.css">
+  <link rel="stylesheet" type="text/css" href="./assets/css/app.css">
 </head>
 <body>
-  <div class="content">
+  <section id="appContainer" class="main">
-    <div id="appContainer" class="main">
+    <div id="loading">Loading...</div>
-    </div>
+  </section>
-  </div>
 
-  <script src="/assets/js/rStats.js"></script>
+  <script src="./assets/js/rStats.js"></script>
-  <script src="/assets/js/dat.gui.min.js"></script>
+  <script src="./assets/js/rStats.extras.js"></script>
-  <script src="/assets/js/app.js"></script>
+  <script src="./assets/js/dat.gui.min.js"></script>
+  <script src="./assets/js/app.js"></script>
 </body>
 </html>