From b64fcd3c83bbd8a6db0f970e043299d084f878ba Mon Sep 17 00:00:00 2001
From: Kevin Ngo <me@ngokevin.com>
Date: Thu, 25 Oct 2018 09:00:00 -0700
Subject: [PATCH] tweak victory screen score display

---
 src/state/index.js         |  9 ++++-----
 src/templates/victory.html | 39 +++++++++++++++++---------------------
 2 files changed, 21 insertions(+), 27 deletions(-)

diff --git a/src/state/index.js b/src/state/index.js
index 56bdf5b..76936cd 100644
--- a/src/state/index.js
+++ b/src/state/index.js
@@ -78,8 +78,7 @@ AFRAME.registerState({
       maxComboText: 0,
       multiplier: 1,
       rank: '',  // Grade (S to F).
-      score: 0,
-      scoreText: 0
+      score: 0
     },
     search: {
       active: true,
@@ -186,10 +185,10 @@ AFRAME.registerState({
       state.isVictory = true;
       state.menuActive = false;
       state.score.accuracy = .88;
-      state.score.accuracyText = 'Accuracy: 99.99%';
-      state.score.maxComboText = 'Max Combo: 123';
+      state.score.accuracyText = '99.99%';
+      state.score.maxComboText = 'MAX COMBO - 123';
       state.score.rank = 'S';
-      state.score.scoreText = 'Score: 9001';
+      state.score.score = 9001;
     },
 
     gamemenuresume: (state) => {
diff --git a/src/templates/victory.html b/src/templates/victory.html
index b077dd3..89f101e 100644
--- a/src/templates/victory.html
+++ b/src/templates/victory.html
@@ -23,30 +23,25 @@
     position="0 0.48 0"></a-entity>
 
   <a-entity
-    id="victoryBackground"
-    mixin="slice"
-    slice9="width: 0.77; height: 0.4; padding: 0.04"
-    position="0 -0.15 -0.03"></a-entity>
+    id="victoryInfoAccuracy"
+    mixin="font"
+    bind__text="value: score.accuracyText"
+    text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
+    position="0.45 0.75 0"></a-entity>
 
-  <a-entity id="victoryInfo" layout="type: box; columns: 1; margin: -0.1" position="0 -0.06 0">
-    <a-entity
-      id="victoryInfoScore"
-      mixin="font"
-      text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
-      bind__text="value: score.scoreText"></a-entity>
+  <a-entity
+    id="victoryInfoScore"
+    mixin="font"
+    bind__text="value: score.score"
+    text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 2.25"
+    position="0 -0.15 0"></a-entity>
 
-    <a-entity
-      id="victoryInfoAccuracy"
-      mixin="font"
-      text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
-      bind__text="value: score.accuracyText"></a-entity>
-
-    <a-entity
-      id="victoryInfoMaxCombo"
-      mixin="font"
-      text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 0.81"
-      bind__text="value: score.maxComboText"></a-entity>
-  </a-entity>
+  <a-entity
+    id="victoryInfoMaxCombo"
+    mixin="font"
+    bind__text="value: score.maxComboText"
+    text="align: center; color: #FAFAFA; wrapCount: 22; baseline: top; lineHeight: 36; width: 1"
+    position="0 -0.28 0"></a-entity>
 </a-entity>
 
 <a-timeline id="victoryTimeline">