victory sounds

src/assets.html

@@ -22,6 +22,8 @@
 
 <audio id="confirmSound" src="assets/sounds/beatHit.ogg"></audio>
 <audio id="hoverSound" src="assets/sounds/hover.ogg"></audio>
+<audio id="victorySound" src="assets/sounds/victory.ogg"></audio>
+<audio id="victorySong" src="assets/sounds/victorySong.ogg"></audio>
 
 {% for i in range(1, 11) %}
 <audio id="hitSound{{ i }}" src="assets/sounds/hit{{ i }}.ogg"></audio>

src/index.html

@@ -43,6 +43,7 @@
       pool__beatscore="mixin: beatScore; size: 5; container: #beatContainer"
       proxy-event__cleargame1="event: gamemenuexit; as: cleargame; to: a-scene"
       proxy-event__cleargame2="event: gamemenurestart; as: cleargame; to: a-scene"
+      proxy-event__victory="event: victory; to: #victoryInfoContainer"
       search
       stage-colors="color: blue"
       fog="color: #a00; density: 0.035; type: exponential"

src/templates/victory.html

@@ -1,9 +1,10 @@
 <!-- Victory. -->
-
 <a-entity
   id="victoryInfoContainer"
   position="0 0.9 -2"
-  bind__visible="isVictory">
+  bind__visible="isVictory"
+  sound="src: #victorySong; on: victory; loop: true; autoplay: true"
+  >
 
  <a-entity
     id="victoryAccuracyRing"
@@ -29,6 +30,7 @@
     position="0 0.2 0.05"
     animation__rotation="property: object3D.rotation.y; from: 0; to: -360; loop: true; easing: linear; dur: 5000; startEvents: textcounterdone"
     animation__scale="property: scale; from: 0 0 0; to: 1 1 1; loop: false; easing: easeOutQuad; dur: 300; startEvents: textcounterdone"
+    play-sound="sound: #victorySound; event: textcounterdone"
     text="wrapCount: 2; align: center; baseline: top; width: 0.82; side: double"></a-entity>
 
   <a-entity