Tweak lights

src/components/directional-light.js

@@ -9,6 +9,7 @@ AFRAME.registerComponent("directional-light", {
     const el = this.el;
     this.light = new THREE.DirectionalLight();
     this.light.target.position.set(0, 0, 1);
+    this.light.add(this.light.target);
     this.el.setObject3D("directional-light", this.light);
     this.el.sceneEl.systems.light.registerLight(el);
   },

src/components/hemisphere-light.js

@@ -14,7 +14,7 @@ AFRAME.registerComponent("hemisphere-light", {
 
   update(prevData) {
     if (this.data.skyColor !== prevData.skyColor) {
-      this.light.skyColor.set(this.data.skyColor);
+      this.light.color.set(this.data.skyColor);
     }
 
     if (this.data.groundColor !== prevData.groundColor) {

src/components/spot-light.js

@@ -12,6 +12,7 @@ AFRAME.registerComponent("spot-light", {
     const el = this.el;
     this.light = new THREE.SpotLight();
     this.light.target.position.set(0, 0, 1);
+    this.light.add(this.light.target);
     this.light.decay = 2;
     this.el.setObject3D("spot-light", this.light);
     this.el.sceneEl.systems.light.registerLight(el);