From ec256a76ba35eb6b048de9d3cd26cd73c6f15004 Mon Sep 17 00:00:00 2001
From: Kevin Ngo <me@ngokevin.com>
Date: Wed, 10 Oct 2018 04:32:21 -0700
Subject: [PATCH] fix not being to have more than one trail in scene (fixes
 #80)

---
 src/components/beat-loader.js | 2 +-
 src/components/trail.js       | 5 +++--
 src/index.html                | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/beat-loader.js b/src/components/beat-loader.js
index 8551d85..92a8420 100644
--- a/src/components/beat-loader.js
+++ b/src/components/beat-loader.js
@@ -122,7 +122,7 @@ AFRAME.registerComponent('beat-loader', {
         this.beatsHeadStart -= delta;
       }
     }
-    
+
     this.lastTime = lastTime + delta;
   },
 
diff --git a/src/components/trail.js b/src/components/trail.js
index 6f7c64e..d258b06 100644
--- a/src/components/trail.js
+++ b/src/components/trail.js
@@ -1,7 +1,8 @@
 AFRAME.registerComponent('trail', {
   schema: {
     color: {type: 'color'},
-    enabled: {default: false}
+    enabled: {default: false},
+    hand: {type: 'string'}
   },
 
   init: function () {
@@ -61,7 +62,7 @@ AFRAME.registerComponent('trail', {
     mesh.vertices = vertices;
     //mesh.scale.set(0.4, 0.4, 0.4);
     //mesh.rotation.set(0, 0, Math.PI / 2.0);
-    this.el.sceneEl.setObject3D('trail', mesh);
+    this.el.sceneEl.setObject3D(`trail__${this.data.hand}`, mesh);
   },
 
   addLayer: function (length) {
diff --git a/src/index.html b/src/index.html
index d9a136d..6c55cb1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -136,7 +136,7 @@
             saber-controls="hand: {{ hand }}"
             thumb-controls
             thumb-controls-debug="enabled: false; hand: {{ hand }}; controllerType: vive-controls"
-            trail="color: {{ bladeColor }}">
+            trail="color: {{ bladeColor }}; hand: {{ hand }}">
             <a-entity
               id="{{ hand }}Laser"
               bind__visible="activeHand === '{{ hand }}'"