show song info on load (fixes #118)

src/index.html

@@ -28,7 +28,7 @@
       effect-bloom="strength: 1"
       gpu-preloader
       loading-screen="backgroundColor: #000;"
-      overlay="objects: #menu, #keyboard, #rightHand, #leftHand, [mixin~='cursorMesh'], #gameMenu, #stepback"
+      overlay="objects: #menu, #keyboard, #rightHand, #leftHand, [mixin~='cursorMesh'], #gameMenu, #stepback, #loadingSongInfoContainer"
       pool__beat-arrow-blue="mixin: arrowBlueBeat; size: 5; container: #beatContainer"
       pool__beat-arrow-red="mixin: arrowRedBeat; size: 10; container: #beatContainer"
       pool__beat-dot-blue="mixin: dotBlueBeat; size: 10; container: #beatContainer"

src/templates/stage.html

@@ -132,6 +132,27 @@
     position="0 1.1 -2.5"
     bind__visible="isSongLoading"></a-entity>
 
+
+  <a-entity id="loadingSongInfoContainer" position="0 1.86 -2.5" bind__visible="isSongLoading">
+    <a-entity mixin="slice" slice9="width: 0.77; height: 0.9; padding: 0.08" position="0 0.08 -0.03"></a-entity>
+    <a-entity id="loadingSongImage"
+      copy-texture="from: #menuSelectedChallengeImage"
+      geometry="primitive: plane; buffer: false; skipCache: true; height: 0.3; width: 0.3"
+      material="shader: flat"
+      position="0 0.24 0"></a-entity>
+
+    <a-entity id="loadingSongInfo">
+      <a-entity position="0 -0.05 0" mixin="textFont"
+        text="wrapCount: 40; align: center; color: #FF185B"
+        bind__text="value: menuSelectedChallenge.songSubName"></a-entity>
+      <a-entity position="0 -0.13 0"
+        mixin="textFont" text="align: center; color: #FFF; wrapCount: 21; baseline: top; lineHeight: 36; width: 0.81"
+        bind__text="value: menuSelectedChallenge.songName"></a-entity>
+    </a-entity>
+  </a-entity>
+
+
+
   <a-entity light="type: directional; intensity: 3" position="0 10 10"></a-entity>
 
   <a-entity