From e3f1c5a75e38c618f097e2c7848170c483f12f13 Mon Sep 17 00:00:00 2001
From: Kevin Ngo <me@ngokevin.com>
Date: Thu, 20 Sep 2018 23:58:48 -0700
Subject: [PATCH] optimize animations

---
 src/templates/menu.html  | 8 ++++----
 src/templates/stage.html | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/templates/menu.html b/src/templates/menu.html
index 922cdb0..c67cf3c 100644
--- a/src/templates/menu.html
+++ b/src/templates/menu.html
@@ -82,8 +82,8 @@
       raycastable></a-entity>
 
   <a-entity id="searchResultsContainer" position="0 0 0.001"
-    animation__toleft="property: position.x;  to: -0.59; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
-    animation__toright="property: position.x; to: 0; dur: 200; easing: easeOutCubic; startEvents: menuback"
+    animation__toleft="property: object3D.position.x;  to: -0.59; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
+    animation__toright="property: object3D.position.x; to: 0; dur: 200; easing: easeOutCubic; startEvents: menuback"
     proxy-event__divisor1="event: menuchallengeselect; to: #divisorA, #divisorB"
     proxy-event__divisor2="event: menuback; to: #divisorA, #divisorB">
 
@@ -99,8 +99,8 @@
 
   <a-entity id="menuDifficultiesGroup"
     position="0.35 0.18 0"
-    animation__toleft="property: position.x; to: 0.195; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
-    animation__toright="property: position.x; to: 0.35; dur: 200; easing: easeOutCubic; startEvents: menuback">
+    animation__toleft="property: object3D.position.x; to: 0.195; dur: 200; easing: easeOutCubic; startEvents: menuchallengeselect"
+    animation__toright="property: object3D.position.x; to: 0.35; dur: 200; easing: easeOutCubic; startEvents: menuback">
 
     <a-entity id="divisorB"
       position="0.218 -0.179 -0.003"
diff --git a/src/templates/stage.html b/src/templates/stage.html
index 292887e..bd01004 100644
--- a/src/templates/stage.html
+++ b/src/templates/stage.html
@@ -37,9 +37,9 @@
   <a-entity class="laser" mixin="laser" position="10 2 -38"></a-entity>
   <a-entity class="laser" mixin="laser" position="14 -1.5 -36"></a-entity>
 
-  <a-entity id="smoke1" geometry="primitive: cylinder; radius: 10; height: 15; openEnded: true; segmentsHeight: 1; segmentsRadial: 9" additive material="repeat: 2 1; side: double; fog: true; src: #smokeTexture; shader: flat; transparent: true; color: #111" position="0 1.4 0" animation="property: rotation.y; from: 0; to: 360; dur: 200000; easing: linear; loop: true"></a-entity>
+  <a-entity id="smoke1" geometry="primitive: cylinder; radius: 10; height: 15; openEnded: true; segmentsHeight: 1; segmentsRadial: 9" additive material="repeat: 2 1; side: double; fog: true; src: #smokeTexture; shader: flat; transparent: true; color: #111" position="0 1.4 0" animation="property: rotation; from: 0 0 0; to: 0 360 0; dur: 200000; easing: linear; loop: true"></a-entity>
 
-  <a-entity id="smoke2" geometry="primitive: cylinder; radius: 20; height: 15; openEnded: true; segmentsHeight: 1; segmentsRadial: 9" additive material="repeat: 2 1; side: double; fog: true; src: #smokeTexture; shader: flat; transparent: true; color: #111" position="0 1.8 0" animation="property: rotation.y; from: 0; to: 360; dur: 243000; easing: linear; loop: true"></a-entity>
+  <a-entity id="smoke2" geometry="primitive: cylinder; radius: 20; height: 15; openEnded: true; segmentsHeight: 1; segmentsRadial: 9" additive material="repeat: 2 1; side: double; fog: true; src: #smokeTexture; shader: flat; transparent: true; color: #111" position="0 1.8 0" animation="property: rotation; from: 0 0 0; to: 0 360 0; dur: 243000; easing: linear; loop: true"></a-entity>
 
   <a-entity light="type: directional; intensity: 3" position="0 10 10"></a-entity>
   </a-entity>