153 lines
4.1 KiB
JavaScript
153 lines
4.1 KiB
JavaScript
var ProgressiveLoader = function(res, scene) {
|
|
// Create mesh
|
|
var geometry = new THREE.Geometry();
|
|
geometry.dynamic = true;
|
|
var material = new THREE.MeshLambertMaterial();
|
|
material.color.setRGB(1,0,0);
|
|
material.side = THREE.DoubleSide;
|
|
var mesh = new THREE.Mesh(geometry, material);
|
|
mesh.up = new THREE.Vector3(0,0,1);
|
|
var added = false;
|
|
var finished = false;
|
|
|
|
var socket = io();
|
|
|
|
socket.emit('request', res);
|
|
|
|
socket.on('ok', function() {
|
|
socket.emit('next');
|
|
});
|
|
|
|
socket.on('elements', function(arr) {
|
|
|
|
for (var i = 0; i < arr.length; i++) {
|
|
|
|
var line = arr[i];
|
|
|
|
// console.log(line);
|
|
|
|
if (line[0] === 'v') {
|
|
|
|
var elts = line.split(' ');
|
|
|
|
mesh.geometry.vertices.push(new THREE.Vector3(
|
|
parseFloat(elts[1]),
|
|
parseFloat(elts[2]),
|
|
parseFloat(elts[3])
|
|
));
|
|
|
|
mesh.geometry.verticesNeedUpdate = true;
|
|
|
|
} else if (line[0] === 'f') {
|
|
|
|
var elts = line.split(' ');
|
|
|
|
elts[1] = parseInt(elts[1]) - 1;
|
|
elts[2] = parseInt(elts[2]) - 1;
|
|
elts[3] = parseInt(elts[3]) - 1;
|
|
|
|
if (elts[4])
|
|
elts[4] = parseInt(elts[4]) - 1;
|
|
|
|
mesh.geometry.faces.push(new THREE.Face3(
|
|
parseInt(elts[1]),
|
|
parseInt(elts[2]),
|
|
parseInt(elts[3])
|
|
));
|
|
|
|
if (elts[4]) {
|
|
|
|
mesh.geometry.faces.push(new THREE.Face3(
|
|
parseInt(elts[1]),
|
|
parseInt(elts[3]),
|
|
parseInt(elts[4])
|
|
));
|
|
|
|
}
|
|
|
|
if (!added) {
|
|
scene.add(mesh);
|
|
added = true;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
mesh.geometry.computeFaceNormals();
|
|
mesh.geometry.groupsNeedUpdate = true;
|
|
mesh.geometry.elementsNeedUpdate = true;
|
|
mesh.geometry.normalsNeedUpdate = true;
|
|
|
|
if (!finished) {
|
|
socket.emit('next');
|
|
} else {
|
|
console.log("Finished");
|
|
}
|
|
});
|
|
|
|
socket.on('vertex', function(arr) {
|
|
// console.log('v(', arr[0], ')', arr[1], arr[2], arr[3]);
|
|
mesh.geometry.vertices[arr[0]] = new THREE.Vector3(arr[1], arr[2], arr[3]);
|
|
mesh.geometry.verticesNeedUpdate = true;
|
|
socket.emit('next');
|
|
});
|
|
|
|
socket.on('face', function(arr) {
|
|
// console.log('f', arr[0], arr[1], arr[2]);
|
|
mesh.geometry.faces.push(new THREE.Face3(arr[0], arr[1], arr[2]));
|
|
|
|
// if (arr[0] >= mesh.geometry.vertices.length
|
|
// || arr[1] >= mesh.geometry.vertices.length
|
|
// || arr[2] >= mesh.geometry.vertices.length) {
|
|
|
|
// console.log("Error");
|
|
// }
|
|
|
|
if (arr[3])
|
|
mesh.geometry.faces.push(new THREE.Face3(arr[0], arr[2], arr[3]));
|
|
|
|
if (!added) {
|
|
scene.add(mesh);
|
|
added = true;
|
|
}
|
|
|
|
// Compute the normal
|
|
|
|
mesh.geometry.verticesNeedUpdate = true;
|
|
mesh.geometry.groupsNeedUpdate = true;
|
|
mesh.geometry.elementsNeedUpdate = true;
|
|
mesh.geometry.normalsNeedUpdate = true;
|
|
|
|
if (finished) {
|
|
console.log("Finished");
|
|
} else {
|
|
socket.emit('next');
|
|
}
|
|
mesh.geometry.computeFaceNormals();
|
|
});
|
|
|
|
socket.on('finished', function(arg) {
|
|
finished = true;
|
|
mesh.faceNumber = arg;
|
|
//mesh.geometry.computeFaceNormals();
|
|
mesh.geometry.verticesNeedUpdate = true;
|
|
mesh.geometry.groupsNeedUpdate = true;
|
|
mesh.geometry.elementsNeedUpdate = true;
|
|
mesh.geometry.morphTargetsNeedUpdate = true;
|
|
mesh.geometry.uvsNeedUpdate = true;
|
|
mesh.geometry.normalsNeedUpdate = true;
|
|
mesh.geometry.colorsNeedUpdate = true;
|
|
mesh.geometry.tangentsNeedUpdate = true;
|
|
|
|
// scene.add(mesh);
|
|
});
|
|
|
|
socket.on('none', function() {
|
|
socket.emit('next');
|
|
});
|
|
|
|
return mesh;
|
|
}
|