Switch to using doodle components for object properties. (google#141)

Also fix issues with the previous state of code for adding elves.

Author: menlocaleb

static/scenes/railroad/js/systems/elves-system.js

@@ -56,17 +56,14 @@ class ElvesSystem {
 
   generateElvesFromScene() {
     for (const scene of this.placeholderScene.getScene().children) {
-      if (!scene.isScene) continue;
       for (const obj of scene.children) {
-        if (obj.userData.type === 'elf') {
-          console.log(obj);
-          new THREE.TextureLoader().load(`img/${obj.userData.assetUrl}`, (elfTexture) => {
-            const material = new THREE.SpriteMaterial({map: elfTexture});
+        if (obj.userData.doodle_components.includes('clickable') && obj.userData.clickable.type === 'elf') {
+          new THREE.TextureLoader().load(`img/${obj.userData.sprite.assetUrl}`, (elfTexture) => {
+            const material = new THREE.SpriteMaterial({map: elfTexture, transparent: true});
             const sprite = new THREE.Sprite(material);
             sprite.material.rotation = (obj.rotation.y);
             sprite.userData.isElf = true;
             obj.add(sprite);
-            console.log(obj);
           });
         }
       }

static/scenes/railroad/js/systems/raycaster.js

@@ -30,7 +30,7 @@ class RaycasterSystem {
     for (const {object} of intersections) {
       if (object.userData.isElf === true) {
         score += 1;
-      } else if (object.userData.type === 'ice') {
+      } else if (object.userData.clickable.type === 'ice') {
         this.placeholderScene.setTimeScale(0.5);
       }
     }