From 94585fad5c88bdf666828e5c9af237b77ef5d7d3 Mon Sep 17 00:00:00 2001
From: Liam Westby <liamwestby@icloud.com>
Date: Mon, 4 Jun 2018 09:59:22 -0500
Subject: [PATCH] Bigger get ready countdown

---
 .../prebuild/src/app/game/game.component.ts   | 14 ++++++++++-
 frontend/prebuild/src/app/overlay/card.ts     | 24 +++++++++++++++----
 2 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/frontend/prebuild/src/app/game/game.component.ts b/frontend/prebuild/src/app/game/game.component.ts
index 3b75263..de3470c 100644
--- a/frontend/prebuild/src/app/game/game.component.ts
+++ b/frontend/prebuild/src/app/game/game.component.ts
@@ -411,7 +411,19 @@ export class GameComponent implements OnInit, OnDestroy {
     this.waitingSub.unsubscribe();
 
     this.waitCard.headerString = 'Get Ready';
-    this.waitCard.bodyString = '';
+    this.waitCard.bodyString = `${seconds}`;
+    this.waitCard.emphasizeBody = true;
+
+    const card = this.waitCard.displayObject;
+
+    const scaleFactor = 1.5;
+
+    Tween.get(card).to({
+      scaleX: scaleFactor,
+      scaleY: scaleFactor,
+      x: (Constants.BOARD_SIZE / 2) - ((this.waitCard.width * scaleFactor) / 2),
+      y: (Constants.BOARD_SIZE / 2) - ((this.waitCard.height * scaleFactor) / 2)
+    }, 100);
 
     this.waitingTimer = timer(0, 1000);
     this.waitingSub = this.waitingTimer.subscribe((t) => {
diff --git a/frontend/prebuild/src/app/overlay/card.ts b/frontend/prebuild/src/app/overlay/card.ts
index 94b96cc..2d935e6 100644
--- a/frontend/prebuild/src/app/overlay/card.ts
+++ b/frontend/prebuild/src/app/overlay/card.ts
@@ -11,7 +11,10 @@ export class Card {
   private static readonly BODY_TEXT_FONT = '64px "Avenir-Black", "Arial Black", "Roboto Black", sans-serif';
   private static readonly BODY_TEXT_COLOR = 'rgba(255, 255, 255, 1)';
 
-  object = new Container();
+  private static readonly NORMAL_SCALE = 1.0;
+  private static readonly EMPHASIS_SCALE = 1.5;
+
+  private object = new Container();
 
   get displayObject(): DisplayObject {
     return this.object;
@@ -39,7 +42,7 @@ export class Card {
 
   mask = new Shape();
 
-  headerText = new Text();
+  private headerText = new Text();
 
   get headerString(): string {
     return this.headerText.text;
@@ -49,7 +52,7 @@ export class Card {
     this.headerText.text = newString.toLocaleLowerCase();
   }
 
-  bodyText = new Text();
+  private bodyText = new Text();
 
   get bodyString(): string {
     return this.bodyText.text;
@@ -57,6 +60,19 @@ export class Card {
 
   set bodyString(newString: string) {
     this.bodyText.text = newString;
+    if (this.emphasize) {
+      Tween.get(this.bodyText).to({scaleX: Card.EMPHASIS_SCALE, scaleY: Card.EMPHASIS_SCALE}).to({scaleX: Card.NORMAL_SCALE, scaleY: Card.NORMAL_SCALE}, 250);
+    }
+  }
+
+  private emphasize = false;
+
+  get emphasizeBody(): boolean {
+    return this.emphasize;
+  }
+
+  set emphasizeBody(emp: boolean) {
+    this.emphasize = emp;
   }
 
   constructor(width: number, header: string, body: string,  centerHorizontal = false, color = 'rgba(255, 255, 255, 1)') {
@@ -108,7 +124,7 @@ export class Card {
 
   public show() {
     Tween.get(this.backgroundCommand).to({w: this.width}, Card.DURATION, Ease.quadOut);
-    Tween.get(this.background).to({alpha: 0.7}, Card.DURATION, Ease.quadOut);
+    Tween.get(this.background).to({alpha: 0.9}, Card.DURATION, Ease.quadOut);
 
     Tween.get(this.colorLayerCommand).to({w: this.width}, Card.DURATION, Ease.quadOut);
     Tween.get(this.colorLayer).to({alpha: 0.18}, Card.DURATION, Ease.quadOut);