From b9957a5a369c59966289705d387afa29ab55e5a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=A2=E1=84=91=E1=85=B3=E1=86=AF=20=E1=84=82?=
 =?UTF-8?q?=E1=85=A9=E1=84=90=E1=85=B3=E1=84=87=E1=85=AE=E1=86=A8?=
 <jisangs@gmail.com>
Date: Tue, 19 Jun 2018 13:29:41 +0900
Subject: [PATCH] Add: MissTypingScore

---
 src/game/typing/practice/game.js              |  3 ++
 src/game/typing/practice/miss_typing_score.js | 48 +++++++++++++++++++
 src/web/client/typing_practice.html           |  1 +
 3 files changed, 52 insertions(+)
 create mode 100644 src/game/typing/practice/miss_typing_score.js

diff --git a/src/game/typing/practice/game.js b/src/game/typing/practice/game.js
index 05fd4af..cabc408 100644
--- a/src/game/typing/practice/game.js
+++ b/src/game/typing/practice/game.js
@@ -18,6 +18,7 @@ class TypingPractice {
 			location.href = '../../web/client/menu_typing_practice.html';
 		});
 
+		this.missTypingScoreText = new MissTypingScore();
 		this.contentProgressText = new ContentProgress();
 
 		let fullscreenButton = new FullscreenButton(game);
@@ -255,6 +256,8 @@ class TypingPractice {
 			if(this.typingIndex === this.typingContentLength) {
 				this.goResult();
 			}
+		} else {
+			this.missTypingScoreText.increase();
 		}
 	}
 
diff --git a/src/game/typing/practice/miss_typing_score.js b/src/game/typing/practice/miss_typing_score.js
new file mode 100644
index 0000000..bc9e0cc
--- /dev/null
+++ b/src/game/typing/practice/miss_typing_score.js
@@ -0,0 +1,48 @@
+class MissTypingScore {
+
+	constructor() {
+		this.missTypingCount = 0;
+
+		let fontStyle = MissTypingScore.DEFAULT_TEXT_FONT;
+
+		fontStyle.align = "right";
+		fontStyle.boundsAlignH = "right";
+		this.label = game.add.text(0, 0, "오타수 : ", fontStyle)
+			.setTextBounds(0, 0, game.world.width / 2, MissTypingScore.FONT_HEIGHT_PX);
+
+		fontStyle.align = "left";
+		fontStyle.boundsAlignH = "left";
+		this.missTypingText = game.add.text(game.world.width / 2, 0, "0", fontStyle)
+			.setTextBounds(0, 0, game.world.width / 2, MissTypingScore.FONT_HEIGHT_PX);
+
+		// var grd = this.label.context.createLinearGradient(0, 0, 0, MissTypingScore.FONT_HEIGHT_PX);
+		// grd.addColorStop(0, '#8ED6FF');
+		// grd.addColorStop(1, '#004CB3');
+		// this.label.fill = grd;
+		// this.scoreText.fill = grd;
+
+		// this.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
+		// this.label.stroke = '#000';
+		// this.label.strokeThickness = 3;
+	};
+
+	increase() {
+		this.missTypingCount++;
+		this.print(this.missTypingCount);
+	}
+
+	print(missTypingCount) {
+		this.missTypingText.text = missTypingCount;
+	}
+
+}
+
+MissTypingScore.FONT_HEIGHT_PX		= 70;
+
+MissTypingScore.DEFAULT_TEXT_FONT	= {
+	font: "38px Arial",
+	align: "center",
+	boundsAlignH: "center",		// left, center. right
+	boundsAlignV: "middle", 	// top, middle, bottom
+	fill: "#fff"
+};
\ No newline at end of file
diff --git a/src/web/client/typing_practice.html b/src/web/client/typing_practice.html
index eeb7968..e4cb2a3 100644
--- a/src/web/client/typing_practice.html
+++ b/src/web/client/typing_practice.html
@@ -53,6 +53,7 @@
 		<script src="../../game/typing/lib/typing_text_manager.js"></script>
 
 		<script src="../../game/typing/practice/define_variables.js"></script>
+		<script src="../../game/typing/practice/miss_typing_score.js"></script>
 		<script src="../../game/typing/practice/key_mapper.js"></script>
 		<script src="../../game/typing/practice/key_button.js"></script>
 		<script src="../../game/typing/practice/keyboard.js"></script>