Added 8 among many coins functionnality

js/l3d/apps/prototype/GlobalFunctions.js

@@ -94,7 +94,7 @@ function objectClickerOnClick(camera1, buttonManager, recommendations, coins) {
 
             // Send event to DB
             event = new L3D.DB.Event.CoinClicked();
-            event.coin_id = coins.indexOf(obj);
+            event.coin_id = obj.id;
             event.send();
 
         } else if (obj instanceof L3D.BaseRecommendation) {

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

@@ -18,11 +18,18 @@ function main() {
     container = document.getElementById('container');
 
     initThreeElements();
-    init();
 
-    onWindowResize();
+    var xhr = new XMLHttpRequest();
+    xhr.open("GET", "/prototype/replay_info/" + params.get.id, true);
 
-    setInterval(render, 20);
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4 && xhr.status == 200) {
+            init(JSON.parse(xhr.responseText));
+            onWindowResize();
+            setInterval(render, 20);
+        }
+    };
+    xhr.send();
 
 }
 
@@ -34,7 +41,7 @@ function initThreeElements() {
 
 }
 
-function init() {
+function init(data) {
 
     // Initialize stats counter
     stats = new Stats();
@@ -48,10 +55,12 @@ function init() {
     container.appendChild(renderer.domElement);
 
     // Initialize replay camera
-    camera1 = new L3D.ReplayCamera(50, container_size.width() / container_size.height(), 0.01, 100000, coins);
-    recommendations = initMainScene(camera1, scene, coins);
+    camera1 = new L3D.ReplayCamera(50, container_size.width()/container_size.height(), 0.01, 100000, coins, data);
+    recommendations = initMainScene(camera1, scene, coins, undefined, data.redCoins);
     camera1.cameras = recommendations;
 
+    camera1.start();
+
     // Add listeners
     initListeners();