3d-interface/js/ProgressiveLoader.js

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;
}