Cleaned stuff, improved progress bar

geo/MeshContainer.js

@@ -42,7 +42,7 @@ geo.MeshContainer = function(path, callback) {
      * Number of elements to stream in the mesh
      * @type {Number}
      */
-    this.numberOfElements = -1;
+    this.numberOfFaces = 0;
 
     this.callback = callback;
 
@@ -75,8 +75,6 @@ geo.MeshContainer.prototype.loadFromFile = function(path) {
 
             if (line[0] === 'v') {
 
-                self.numberOfElements++;
-
                 if (line[1] === 't') {
 
                     // Texture coord
@@ -93,14 +91,6 @@ geo.MeshContainer.prototype.loadFromFile = function(path) {
                 } else {
 
                     // Just a simple vertex
-                    // if (currentMesh === undefined) {
-
-                    //     // Chances are that we won't use any material in this case
-                    //     currentMesh = new geo.Mesh();
-                    //     self.meshes.push(currentMesh);
-
-                    // }
-
                     var vertex = new geo.Vertex(line);
                     vertex.index = self.vertices.length;
                     self.vertices.push(vertex);
@@ -109,7 +99,7 @@ geo.MeshContainer.prototype.loadFromFile = function(path) {
 
             } else if (line[0] === 'f') {
 
-                self.numberOfElements++;
+                self.numberOfFaces++;
 
                 // Create mesh if it doesn't exist
                 if (currentMesh === undefined) {
@@ -126,6 +116,7 @@ geo.MeshContainer.prototype.loadFromFile = function(path) {
 
                 if (faces.length === 2) {
 
+                    self.numberOfFaces++;
                     faces[1].index = self.faces.length;
                     faces[1].meshIndex = self.meshes.length - 1;
                     self.faces.push(faces[1]);
@@ -134,8 +125,6 @@ geo.MeshContainer.prototype.loadFromFile = function(path) {
 
             } else if (line[0] === 'u') {
 
-                self.numberOfElements++;
-
                 // usemtl
                 // If a current mesh exists, finish it
 

geo/MeshStreamer.js

@@ -253,7 +253,7 @@ geo.MeshStreamer.prototype.nextMaterials = function() {
 
     var data = [];
 
-    data.push(['g', this.mesh.numberOfElements]);
+    data.push(['g', this.mesh.numberOfFaces]);
 
 
     for (var i = 0; i < this.mesh.meshes.length; i++) {

js/l3d/apps/prototype/interactive/main.js

@@ -15,7 +15,7 @@ var main_section = document.getElementById('main-section');
 //     }
 // };
 var container_size = {
-    width: function() { return 1024; },
+    width: function() { return 1134; },
     height: function() { return 768; }
 };
 

js/l3d/apps/prototype/replay/main.js

@@ -15,7 +15,7 @@ var main_section = document.getElementById('main-section');
 // };
 
 var container_size = {
-    width: function() { return 1024; },
+    width: function() { return 1134; },
     height: function() { return 768; }
 };
 

js/l3d/apps/prototype/tutorial/main.js

@@ -4,7 +4,7 @@ var isFullscreen = false;
 var main_section = document.getElementById('main-section');
 
 var container_size = {
-        width: function() { return 1024; },
+        width: function() { return 1134; },
             height: function() { return 768; }
 };
 

js/l3d/src/loaders/ProgressiveLoader.js

@@ -69,7 +69,7 @@ var _parseList = function(arr) {
 
         ret.type = "global";
         ret.index = null;
-        ret.numberOfElements = arr[1];
+        ret.numberOfFaces = arr[1];
 
     }
 
@@ -189,13 +189,13 @@ var ProgressiveLoader = function(path, scene, camera, callback, log) {
      * Number of total elements for loading
      * @type{Number}
      */
-    this.numberOfElements = -1;
+    this.numberOfFaces = -1;
 
     /**
      * Number of elements received
      * @type {Number}
      */
-    this.numberOfElementsReceived = -1;
+    this.numberOfFacesReceived = 0;
 
     /**
      * Modulus indicator (not to log too often)
@@ -205,6 +205,8 @@ var ProgressiveLoader = function(path, scene, camera, callback, log) {
 
     this.log = log;
 
+    r = this;
+
 };
 
 /**
@@ -250,10 +252,8 @@ ProgressiveLoader.prototype.initIOCallbacks = function() {
 
         for (var i = 0; i < arr.length; i++) {
 
-            self.numberOfElementsReceived++;
+            if (typeof self.log === 'function' && self.numberOfFacesReceived % self.modulus === 0) {
-
+                self.log(self.numberOfFacesReceived, self.numberOfFaces);
-            if (typeof self.log === 'function' && self.numberOfElementsReceived % self.modulus === 0) {
-                self.log(self.numberOfElementsReceived, self.numberOfElements);
             }
 
             var elt = _parseList(arr[i]);
@@ -286,8 +286,6 @@ ProgressiveLoader.prototype.initIOCallbacks = function() {
 
             } else if (elt.type === 'usemtl') {
 
-                // Must create new mesh
-
                 // Create mesh material
                 var material;
 
@@ -333,6 +331,8 @@ ProgressiveLoader.prototype.initIOCallbacks = function() {
 
             } else if (elt.type === 'face') {
 
+                self.numberOfFacesReceived++;
+
                 if (!self.meshes[elt.mesh].added) {
 
                     self.meshes[elt.mesh].added = true;
@@ -368,8 +368,8 @@ ProgressiveLoader.prototype.initIOCallbacks = function() {
 
             } else if (elt.type === 'global') {
 
-                self.numberOfElements = elt.numberOfElements;
+                self.numberOfFaces = elt.numberOfFaces;
-                self.modulus = Math.floor(self.numberOfElements / 200);
+                self.modulus = Math.floor(self.numberOfFaces / 200);
 
             }
 
@@ -381,7 +381,8 @@ ProgressiveLoader.prototype.initIOCallbacks = function() {
 
     this.socket.on('disconnect', function() {
         console.log('Finished !');
-        self.log(self.numberOfElements, self.numberOfElements);
+        if (typeof self.log === 'function')
+            self.log(self.numberOfFacesReceived, self.numberOfFaces);
         self.finished = true;
     });
 };

js/l3d/src/scenes/initScene.js

@@ -2,7 +2,10 @@ L3D.LogFunction = function(a,b) {
     var val = 100*a/b;
     $('.progress-bar').css('width', val+'%').attr('aria-valuenow', val);
     $('#percentage').html(Math.floor(10*val)/10 + '%');
+    if (a === b) {
+        setTimeout(function() {$('.progress').hide(1000);}, 1000);
     }
+};
 
 L3D.addLight = function(scene) {
     var directional_light = new THREE.DirectionalLight(0xdddddd);

static/css/prototype.css

@@ -7,18 +7,18 @@ body {
     -o-user-select:none;
 }
 
-html, body {
+/*html, body {
     height: 100%;
 }
 
 #main-section {
     min-height: 100%;
-}
+}*/
 
 #container {
     position: absolute;
     margin: 0 auto;
-    min-height: 100%;
+    /*min-height: 100%;*/
 }
 
 .panel-heading a:after {