From a86506e82199712bfa4fa26ef82af614d78811fc Mon Sep 17 00:00:00 2001
From: Kevin Ngo <me@ngokevin.com>
Date: Fri, 12 Oct 2018 04:23:36 -0700
Subject: [PATCH] loading text animation

---
 src/templates/stage.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/templates/stage.html b/src/templates/stage.html
index 2d65b9c..a422d45 100644
--- a/src/templates/stage.html
+++ b/src/templates/stage.html
@@ -73,7 +73,13 @@
 
   <a-entity id="beams" bind__beams="isPlaying: isPlaying"></a-entity>
 
-  <a-entity mixin="textFont" text="value: READY, STEADY...; align: center; color: #aaf; wrapCount: 18; width: 2" position="0 1.5 -2.5" bind__visible="challenge.isLoading || isSongLoading"></a-entity>
+  <a-entity
+    mixin="textFont"
+    bind__animation__opacity="enabled: challenge.isLoading || isSongLoading"
+    animation__opacity="property: components.text.material.uniforms.opacity.value; from: 1; to: 0.5; dir: alternate; loop: true; dur: 2000; easing: easeInOutCubic; enabled: false"
+    text="value: READY, STEADY...; align: center; color: #aaf; wrapCount: 18; width: 2"
+    position="0 1.5 -2.5"
+    bind__visible="challenge.isLoading || isSongLoading"></a-entity>
 
   <a-entity light="type: directional; intensity: 3" position="0 10 10"></a-entity>