A lot of stuff, I'm completely lost 😢

analysis/replay/main.js

@@ -1,5 +1,6 @@
 "use strict";
 
+// REQUIRES AND INITS
 let width =  Math.floor(1134/10);
 let height = Math.floor(768 /10);
 
@@ -17,16 +18,18 @@ let bobomb = new THREE.Object3D();
 let whomp = new THREE.Object3D();
 let mountain = new THREE.Object3D();
 
-let loader = new L3D.ProgressiveLoader(
-    '/static/data/castle/princess peaches castle (outside).obj',
-    // '/static/data/bobomb/bobomb battlefeild.obj',
-    scene,
-    null
-);
+var finished = false;
+let frame = 0;
+let raycaster = new THREE.Raycaster();
 
-let id = 1;
-main();
+var total = 0;
 
+let loader, progLoader;
+
+let id = 56;
+
+
+// INIT COLORS
 var colors = [[0,0,0]];
 
 for (let i = 0; i < 856; i++) {
@@ -37,6 +40,51 @@ for (let i = 0; i < 856; i++) {
     ]);
 }
 
+var camera; var finished = false;
+var Recommendation = L3D.BaseRecommendation;
+var forceFinished = false;
+main();
+
+// FUNCTIONS
+function main() {
+    let xhr = new XMLHttpRequest();
+    xhr.open("GET", "http://localhost:4000/prototype/replay-info/" + id, true);
+
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4 && xhr.status == 200) {
+
+            var data = JSON.parse(xhr.responseText);
+
+            console.log('%sceneId = ' + data.sceneInfo.sceneId);
+            console.log('%recoStyle = ' + data.sceneInfo.recommendationStyle);
+            console.log('%expId = ' + id);
+            console.log();
+            console.log('M = [');
+
+            camera = new L3D.ReplayCamera(50, width / height, 0.01, 100000, [], data, () => finished = true);
+            var path = initElements(camera, data.sceneInfo);
+
+            loader = new L3D.ProgressiveLoader(
+                path, new THREE.Object3D(), null
+            );
+
+            progLoader = new L3D.ProgressiveLoader(
+                path, scene, camera, null, null, true
+            );
+
+            loader.load(function(){
+                process.stderr.write('Loading complete.\n');
+                progLoader.load(function() {
+                    process.stderr.write("Loading complete\n");
+                    forceFinished = true;
+                });
+                init(data);
+            });
+        }
+    };
+    xhr.send();
+}
+
 function testDistance(old, newP) {
 
     return (
@@ -45,60 +93,70 @@ function testDistance(old, newP) {
     );
 }
 
-function main() {
-    let xhr = new XMLHttpRequest();
-    xhr.open("GET", "http://localhost:4000/prototype/replay-info/" + id, true);
 
-    xhr.onreadystatechange = function() {
-        if (xhr.readyState == 4 && xhr.status == 200) {
-            loader.load(function(){
-                process.stderr.write('Loading complete.\n\n');
-                init(JSON.parse(xhr.responseText))
-            });
-        }
-    };
-    xhr.send();
+function initElements(camera, sceneInfo) {
+    switch (sceneInfo.sceneId) {
+        case 1:
+            camera.resetElements = L3D.resetPeachElements();
+            camera.cameras = L3D.createPeachRecommendations(width, height);
+            camera.speed = 0.001;
+            return '/static/data/castle/princess peaches castle (outside).obj';
+        case 2:
+            camera.resetElements = L3D.resetBobombElements();
+            camera.cameras = L3D.createBobombRecommendations(width, height);
+            camera.speed = 0.005;
+            return '/static/data/bobomb/bobomb battlefeild.obj';
+        case 3:
+            camera.resetElements = L3D.resetMountainElements();
+            camera.cameras = L3D.createMountainRecommendations(width, height);
+            camera.speed = 0.005;
+            return '/static/data/mountain/coocoolmountain.obj';
+        case 4:
+            camera.resetElements = L3D.resetWhompElements();
+            camera.cameras = L3D.createWhompRecommendations(width, height);
+            camera.speed = 0.002;
+            return '/static/data/whomp/Whomps Fortress.obj';
+        default:
+            console.err('This sceneId doesn\'t exist');
+            process.exit(-1);
+
+
+    }
 }
 
-var camera;
-
-var finished = false;
-
 function init(data) {
-    camera = new L3D.ReplayCamera(50, width / height, 0.01, 100000, [], data, () => finished = true);
     scene.add(camera);
-    camera.resetElements = L3D.resetPeachElements();
+
     camera.reset();
     camera.speed = 0.001;
     camera.start();
     setTimeout(loop, 0);
 }
 
+function equalFaces(face1, face2) { return face1.a === face2.a && face1.b === face2.b && face1.c === face2.c; };
+
 function printVector(vec) { console.log(`(${vec.x},${vec.y},${vec.z})`); }
 
-var finished = false;
-let frame = 0;
-let raycaster = new THREE.Raycaster();
+let old;
 
-var total = 0;
 function loop() {
 
-    let old;
-
     old = {
         position: new THREE.Vector3().copy(camera.position),
         target: new THREE.Vector3().copy(camera.target)
     };
 
-    do {
+    for (let i = 0; i < 10; i++)
+        finished = camera.update(20);
 
-        for (let i = 0; i < 10; i++)
-            camera.update(20);
+    total++;
 
-        total++;
-        console.log(total);
+    if (!testDistance(old, camera) && !finished && !forceFinished) {
+        process.nextTick(loop);
+        finish();
+        return;
+    }
 
-    } while (!testDistance(old, camera) && !finished);
 
     camera.look();
     camera.updateMatrixWorld(true);
@@ -106,11 +164,9 @@ function loop() {
     // printVector(camera.position);
 
     let buf = [];
-    let buf2 = [];
+    // let buf2 = [];
 
-    let colorsOccurence = [];
-    let max = 0;
-    for (let i = 0; i < 256; i++) { colorsOccurence[i] = 0; }
+    let score = 0;
 
     for (let i = 0; i < width; i++) {
 
@@ -126,25 +182,28 @@ function loop() {
 
             raycaster.setFromCamera({x:x, y:y}, camera);
 
-            let intersects = raycaster.intersectObjects(scene.children, true);
-
-            let grey = 0;
-            try {
-                grey = intersects[0].faceIndex + 1;
-                buf[i][j] = grey;
-            } catch (e) {
+            let intersectsProg = raycaster.intersectObject(progLoader.obj, true);
+            let intersects = raycaster.intersectObject(loader.obj, true);
 
+            if (intersectsProg.length === 0 && intersects.length === 0) {
+                score++;
+            } else if (intersectsProg.length !== intersects.length) {
+                // Not good
+            } else if (equalFaces(intersectsProg[0].face, intersects[0].face)) {
+                score++;
+            }
+
+            if (intersectsProg.length > 0) {
+                buf[i][j] = intersectsProg[0].faceIndex;
             }
-            // if( ++colorsOccurence[grey] > max) {
-            //     max = colorsOccurence[grey];
-            // }
 
-            buf[i][j] = grey;
 
         }
 
     }
 
+    score /= width * height;
+
     // for (let i = 0; i < 255; i++) {
     //     colorsOccurence[i+1] += colorsOccurence[i];
     // }
@@ -173,9 +232,14 @@ function loop() {
 
 
     // Write image buffer to disk
-    frame++;
+    console.log(score);
+    process.stderr.write('Frame : ' + frame++ + ', score = ' + score + '\n');
 
-    if (!finished)
-        loop();
+    if (!finished && !forceFinished)
+        setTimeout(loop,50);
+    else
+        finish();
 }
 
+function finish() { console.log('];') }
+