Cleaned stuff, improved progress bar
This commit is contained in:
parent
505e43023a
commit
da2a972492
|
@ -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
|
||||
|
||||
|
|
|
@ -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++) {
|
||||
|
|
|
@ -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; }
|
||||
};
|
||||
|
||||
|
|
|
@ -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; }
|
||||
};
|
||||
|
||||
|
|
|
@ -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; }
|
||||
};
|
||||
|
||||
|
|
|
@ -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.numberOfElementsReceived % self.modulus === 0) {
|
||||
self.log(self.numberOfElementsReceived, self.numberOfElements);
|
||||
if (typeof self.log === 'function' && self.numberOfFacesReceived % self.modulus === 0) {
|
||||
self.log(self.numberOfFacesReceived, self.numberOfFaces);
|
||||
}
|
||||
|
||||
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.modulus = Math.floor(self.numberOfElements / 200);
|
||||
self.numberOfFaces = elt.numberOfFaces;
|
||||
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;
|
||||
});
|
||||
};
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue