Add: show animals for practice, test stage and result

Fix: change animal graphic resources

src/game/lib/animal.js

@@ -0,0 +1,131 @@
+class Animal {
+
+	constructor(type, x, y) {
+		this.animalType = type;
+
+		this.sprite = null;
+		this.posX = x;
+		this.posY = y;
+	}
+
+	animalLevelIDByRecord(record) {
+		if(sessionStorageManager.playingAppID <= 20) {	// practice
+			for(let i = 0; i < Animal.SPECIES_DATA.length - 1; i++) {
+				if(record < Animal.SPECIES_DATA[i].practiceTypingCount)
+					return i;
+			}
+		} else {	// test
+			for(let i = 0; i < Animal.SPECIES_DATA.length - 1; i++) {
+				if(record < Animal.SPECIES_DATA[i].testTypingCount)
+					return i;
+			}
+
+		}
+
+		return Animal.SPECIES_DATA.length - 1;
+	}
+
+	loadSpriteNames() {
+		let spriteNames = {};
+
+		spriteNames.icon = this.species.species + Animal.SPRITE_NAMES.icon;
+
+		spriteNames.run1 = this.species.species + Animal.SPRITE_NAMES.run1;
+		spriteNames.run2 = this.species.species + Animal.SPRITE_NAMES.run2;
+
+		return spriteNames;
+	}
+
+	setSpecies(species) {
+		this.species = species;
+
+		if(this.animalType === Animal.TYPE_ICON)
+			return;
+
+		this.setupAnimation();
+	}
+
+	tweenAnimation(animationType) {
+		switch(animationType) {
+			case Animal.ANIMATION_TYPE_CHANGE:
+			this.sprite.width = 70;
+			this.sprite.height = 70;
+			game.add.tween(this.sprite).to( { width: 50, height: 50 }, 500, Phaser.Easing.Bounce.Out, true);
+			break;
+
+			case Animal.ANIMATION_TYPE_DAMAGE:
+			this.sprite.width = 100;
+			game.add.tween(this.sprite).to( { width: 50 }, 500, Phaser.Easing.Bounce.In, true);
+			// game.add.tween(this.sprite).to( { width: 50 }, 500, Phaser.Easing.Elastic.Out, true);
+			break;
+
+		}
+
+	}
+
+	setupAnimation() {
+		this.spriteFrameNames = this.loadSpriteNames();
+		this.playingSpriteFrameName = this.spriteFrameNames.run1;
+		this.animationFrameID = 1;
+		this.animationSpeedSec =  1000 / this.species.runningFPS;
+
+		if(this.sprite === null) {
+			this.sprite = game.add.sprite(this.posX, this.posY, this.spriteFrameNames.run1);
+			this.sprite.anchor.set(0.5);
+			this.sprite.width = 50;
+			this.sprite.height = 50;
+		}
+
+		this.stopAnimation();
+		this.animateionUpdate();
+	}
+
+	startAnimation() {
+		if(this.timerEvent === null)
+			this.timerEvent = game.time.events.loop(this.animationSpeedSec, this.animateionUpdate, this);
+	}
+
+	animateionUpdate() {
+		this.animationFrameID = 1 - this.animationFrameID;
+
+		if(this.animationFrameID === 0) {
+			this.sprite.loadTexture(this.spriteFrameNames.run2);
+		} else {
+			this.sprite.loadTexture(this.spriteFrameNames.run1);
+		}
+	}
+
+	stopAnimation() {
+		if(this.timerEvent !== null) {
+			game.time.events.remove(this.timerEvent);
+			this.timerEvent = null;
+		}
+	}
+}
+
+
+Animal.TYPE_ANIMATION			= 0;
+Animal.TYPE_ICON				= 1;
+
+Animal.ANIMATION_TYPE_CHANGE	= 0;
+Animal.ANIMATION_TYPE_DAMAGE	= 1;
+
+
+Animal.SPECIES_DATA = [
+	{ "species" : "snail", "runningFPS" : 1.1, "practiceTypingCount" : 5, "testTypingCount" : 10 },
+	{ "species" : "turtle", "runningFPS" : 5.5, "practiceTypingCount" : 10, "testTypingCount" : 20 },
+	{ "species" : "cat", "runningFPS" : 10.1, "practiceTypingCount" : 20, "testTypingCount" : 30 },
+	{ "species" : "lion", "runningFPS" : 15.5, "practiceTypingCount" : 30, "testTypingCount" : 50 },
+	{ "species" : "rabbit", "runningFPS" : 20.2, "practiceTypingCount" : 40, "testTypingCount" : 100 },
+	{ "species" : "ostrich", "runningFPS" : 25.5, "practiceTypingCount" : 50, "testTypingCount" : 200 },
+	{ "species" : "horse", "runningFPS" : 30.3, "practiceTypingCount" : 60, "testTypingCount" : 300 },
+	{ "species" : "dog", "runningFPS" : 35.5, "practiceTypingCount" : 70, "testTypingCount" : 400 },
+	{ "species" : "cheetah", "runningFPS" : 40.4, "practiceTypingCount" : 80, "testTypingCount" : 500 },
+	{ "species" : "eagle", "runningFPS" : 45.5, "practiceTypingCount" : 1000, "testTypingCount" : 1000 }
+];
+
+Animal.SPRITE_NAMES = {
+	"icon" : "_icon",
+	"run1" : "_run1",
+	"run2" : "_run2"
+};

src/game/result/result.js

@@ -5,6 +5,47 @@ class Result {
 
 	preload() {
 		game.load.image('icon_fullscreen', '../../../resources/image/icon/fullscreen_white.png');
+
+		this.game.load.image('snail_icon',	'../../../resources/image/character/animal/snail/run2.png');
+		this.game.load.image('snail_run1',	'../../../resources/image/character/animal/snail/run1.png');
+		this.game.load.image('snail_run2',	'../../../resources/image/character/animal/snail/run2.png');
+
+		this.game.load.image('turtle_icon',	'../../../resources/image/character/animal/turtle/run2.png');
+		this.game.load.image('turtle_run1',	'../../../resources/image/character/animal/turtle/run1.png');
+		this.game.load.image('turtle_run2',	'../../../resources/image/character/animal/turtle/run2.png');
+
+		this.game.load.image('cat_icon',	'../../../resources/image/character/animal/cat/run2.png');
+		this.game.load.image('cat_run1',	'../../../resources/image/character/animal/cat/run1.png');
+		this.game.load.image('cat_run2',	'../../../resources/image/character/animal/cat/run2.png');
+
+		this.game.load.image('lion_icon',	'../../../resources/image/character/animal/lion/run2.png');
+		this.game.load.image('lion_run1',	'../../../resources/image/character/animal/lion/run1.png');
+		this.game.load.image('lion_run2',	'../../../resources/image/character/animal/lion/run2.png');
+
+		this.game.load.image('rabbit_icon',	'../../../resources/image/character/animal/rabbit/run2.png');
+		this.game.load.image('rabbit_run1',	'../../../resources/image/character/animal/rabbit/run1.png');
+		this.game.load.image('rabbit_run2',	'../../../resources/image/character/animal/rabbit/run2.png');
+
+		this.game.load.image('ostrich_icon',	'../../../resources/image/character/animal/ostrich/run2.png');
+		this.game.load.image('ostrich_run1',	'../../../resources/image/character/animal/ostrich/run1.png');
+		this.game.load.image('ostrich_run2',	'../../../resources/image/character/animal/ostrich/run2.png');
+
+		this.game.load.image('horse_icon',	'../../../resources/image/character/animal/horse/run2.png');
+		this.game.load.image('horse_run1',	'../../../resources/image/character/animal/horse/run1.png');
+		this.game.load.image('horse_run2',	'../../../resources/image/character/animal/horse/run2.png');
+
+		this.game.load.image('dog_icon',	'../../../resources/image/character/animal/dog/run2.png');
+		this.game.load.image('dog_run1',	'../../../resources/image/character/animal/dog/run1.png');
+		this.game.load.image('dog_run2',	'../../../resources/image/character/animal/dog/run2.png');
+
+		this.game.load.image('cheetah_icon',	'../../../resources/image/character/animal/cheetah/run2.png');
+		this.game.load.image('cheetah_run1',	'../../../resources/image/character/animal/cheetah/run1.png');
+		this.game.load.image('cheetah_run2',	'../../../resources/image/character/animal/cheetah/run2.png');
+
+		this.game.load.image('eagle_icon',	'../../../resources/image/character/animal/eagle/run2.png');
+		this.game.load.image('eagle_run1',	'../../../resources/image/character/animal/eagle/run1.png');
+		this.game.load.image('eagle_run2',	'../../../resources/image/character/animal/eagle/run2.png');
+
 	}
 
 	create() {
@@ -57,13 +98,29 @@ class Result {
 		titleText.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
 		titleText.anchor.set(0.5);
 
-		let posY = 120;
+
+		let x = game.world.width / 2;
+		let y = 150;
 		if(sessionStorageManager.record === null)
 			sessionStorageManager.record = 0;
 		let record = NumberUtil.numberWithCommas(Math.floor(sessionStorageManager.record));
 		style.font = "80px Arial";
+
+		if(sessionStorageManager.playingAppID < 100) {
+			let leftAnimal = new Animal(Animal.TYPE_ANIMATION, game.world.centerX - 200, 150);
+			let animalLevelID = leftAnimal.animalLevelIDByRecord(sessionStorageManager.record);
+			leftAnimal.setSpecies(Animal.SPECIES_DATA[animalLevelID]);;
+			// leftAnimal.tweenAnimation(Animal.ANIMATION_TYPE_CHANGE);
+			leftAnimal.startAnimation();
+
+			let rightAnimal = new Animal(Animal.TYPE_ANIMATION, game.world.centerX + 200, 150);
+			rightAnimal.setSpecies(Animal.SPECIES_DATA[animalLevelID]);;
+			// rightAnimal.tweenAnimation(Animal.ANIMATION_TYPE_CHANGE);
+			rightAnimal.startAnimation();
+		}
+
 		let scoreText = game.add.text(
-			game.world.width / 2, 150,
+			x, y,
 			record + StringUtil.getScoreUnit(sessionStorageManager.playingAppID),
 			style
 		);

src/game/typing/practice/game.js

@@ -20,6 +20,10 @@ class TypingPractice {
 			location.href = '../../web/client/menu_typing_practice.html';
 		});
 
+		this.animalOnTitle = new Animal(Animal.TYPE_ON_TITLE, game.world.centerX - 200, 30);
+		this.animalOnTitle.setSpecies(Animal.SPECIES_DATA[0]);
+		this.animalOnTitle.startAnimation();
+
 		this.typingScore = new TypingScore();
 
 		this.stageTimer = new StageTimer( TypingPractice.STAGE_TIMER_SEC, () => {
@@ -138,6 +142,8 @@ class TypingPractice {
 		this.leftHand.moveToDefaultPosition();
 		this.rightHand.moveToDefaultPosition();
 
+		this.animalOnTitle.stopAnimation();
+
 		let gameOverText = new GameOverText();
 		game.time.events.add(Phaser.Timer.SECOND * 2, this.goResult, this);
 	}
@@ -160,6 +166,8 @@ class TypingPractice {
 		// console.log(this.typingRandomContents);
 		this.typingContentLength = this.typingRandomContents.length;
 		this.typingIndex = 0;
+
+		this.playingAnimalIndex = 0;
 	}
 
 
@@ -352,6 +360,13 @@ class TypingPractice {
 
 		if(this.isKeyPressed(inputContent, typingContent)) {
 			this.typingScore.increase();
+			let animalLevelID = this.animalOnTitle.animalLevelIDByRecord(this.typingScore.score());
+			if(animalLevelID > this.playingAnimalIndex) {
+				this.playingAnimalIndex = animalLevelID;
+				this.animalOnTitle.setSpecies(Animal.SPECIES_DATA[this.playingAnimalIndex]);;
+				this.animalOnTitle.tweenAnimation(Animal.ANIMATION_TYPE_CHANGE);
+				this.animalOnTitle.startAnimation();
+			}
 			this.playNextContent();
 
 			if(this.typingIndex === this.typingContentLength) {
@@ -359,6 +374,11 @@ class TypingPractice {
 			}
 		} else {
 			this.typingScore.reset();
+
+			this.playingAnimalIndex = 0;
+			this.animalOnTitle.setSpecies(Animal.SPECIES_DATA[this.playingAnimalIndex]);;
+			this.animalOnTitle.startAnimation();
+			this.animalOnTitle.tweenAnimation(Animal.ANIMATION_TYPE_DAMAGE);
 		}
 	}
 

src/game/typing/practice/loading.js

@@ -42,6 +42,47 @@ class Loading {
 		this.game.load.image('hand_little_finger',	'../../../resources/image/ui/hand_little_finger.png');
 		this.game.load.image('hand_ring_finger',	'../../../resources/image/ui/hand_ring_finger.png');
 
+		this.game.load.image('snail_icon',	'../../../resources/image/character/animal/snail/run2.png');
+		this.game.load.image('snail_run1',	'../../../resources/image/character/animal/snail/run1.png');
+		this.game.load.image('snail_run2',	'../../../resources/image/character/animal/snail/run2.png');
+
+		this.game.load.image('turtle_icon',	'../../../resources/image/character/animal/turtle/run2.png');
+		this.game.load.image('turtle_run1',	'../../../resources/image/character/animal/turtle/run1.png');
+		this.game.load.image('turtle_run2',	'../../../resources/image/character/animal/turtle/run2.png');
+
+		this.game.load.image('cat_icon',	'../../../resources/image/character/animal/cat/run2.png');
+		this.game.load.image('cat_run1',	'../../../resources/image/character/animal/cat/run1.png');
+		this.game.load.image('cat_run2',	'../../../resources/image/character/animal/cat/run2.png');
+
+		this.game.load.image('lion_icon',	'../../../resources/image/character/animal/lion/run2.png');
+		this.game.load.image('lion_run1',	'../../../resources/image/character/animal/lion/run1.png');
+		this.game.load.image('lion_run2',	'../../../resources/image/character/animal/lion/run2.png');
+
+		this.game.load.image('rabbit_icon',	'../../../resources/image/character/animal/rabbit/run2.png');
+		this.game.load.image('rabbit_run1',	'../../../resources/image/character/animal/rabbit/run1.png');
+		this.game.load.image('rabbit_run2',	'../../../resources/image/character/animal/rabbit/run2.png');
+
+		this.game.load.image('ostrich_icon',	'../../../resources/image/character/animal/ostrich/run2.png');
+		this.game.load.image('ostrich_run1',	'../../../resources/image/character/animal/ostrich/run1.png');
+		this.game.load.image('ostrich_run2',	'../../../resources/image/character/animal/ostrich/run2.png');
+
+		this.game.load.image('horse_icon',	'../../../resources/image/character/animal/horse/run2.png');
+		this.game.load.image('horse_run1',	'../../../resources/image/character/animal/horse/run1.png');
+		this.game.load.image('horse_run2',	'../../../resources/image/character/animal/horse/run2.png');
+
+		this.game.load.image('dog_icon',	'../../../resources/image/character/animal/dog/run2.png');
+		this.game.load.image('dog_run1',	'../../../resources/image/character/animal/dog/run1.png');
+		this.game.load.image('dog_run2',	'../../../resources/image/character/animal/dog/run2.png');
+
+		this.game.load.image('cheetah_icon',	'../../../resources/image/character/animal/cheetah/run2.png');
+		this.game.load.image('cheetah_run1',	'../../../resources/image/character/animal/cheetah/run1.png');
+		this.game.load.image('cheetah_run2',	'../../../resources/image/character/animal/cheetah/run2.png');
+
+		this.game.load.image('eagle_icon',	'../../../resources/image/character/animal/eagle/run2.png');
+		this.game.load.image('eagle_run1',	'../../../resources/image/character/animal/eagle/run1.png');
+		this.game.load.image('eagle_run2',	'../../../resources/image/character/animal/eagle/run2.png');
+
+
 		// this.game.load.image('hand_left',	'../../../resources/image/ui/hand_left.png');
 		// this.game.load.image('hand_right',	'../../../resources/image/ui/hand_right.png');
 		// this.game.load.image('a', '../../../resources/image/icon/fullscreen_white.png');

src/game/typing/test/average_typing_speed.js

@@ -5,13 +5,13 @@ class AverageTypingSpeed {
 
 		fontStyle.align = "right";
 		fontStyle.boundsAlignH = "right";
-		this.label = game.add.text(0, 0, "현재 타수 : ", fontStyle)
+		this.tytleSpeedText = game.add.text(game.world.width / 2 + 20, AverageTypingSpeed.FONT_HEIGHT_PX, "현재 타수 : ", fontStyle);
-			.setTextBounds(0, 0, game.world.width / 2, AverageTypingSpeed.FONT_HEIGHT_PX);
+		this.tytleSpeedText.anchor.set(1, 0.5);
 
 		fontStyle.align = "left";
 		fontStyle.boundsAlignH = "left";
-		this.typingSpeedText = game.add.text(game.world.width / 2, 0, "0", fontStyle)
+		this.typingSpeedText = game.add.text(game.world.width / 2 + 20, AverageTypingSpeed.FONT_HEIGHT_PX, "0", fontStyle);
-			.setTextBounds(0, 0, game.world.width / 2, AverageTypingSpeed.FONT_HEIGHT_PX);
+		this.typingSpeedText.anchor.set(0, 0.5);
 
 		// var grd = this.label.context.createLinearGradient(0, 0, 0, AverageTypingSpeed.FONT_HEIGHT_PX);
 		// grd.addColorStop(0, '#8ED6FF');
@@ -30,7 +30,7 @@ class AverageTypingSpeed {
 
 }
 
-AverageTypingSpeed.FONT_HEIGHT_PX		= 70;
+AverageTypingSpeed.FONT_HEIGHT_PX		= 30;
 
 AverageTypingSpeed.DEFAULT_TEXT_FONT	= {
 	font: "38px Arial",

src/game/typing/test/game.js

@@ -18,6 +18,11 @@ class TypingTest {
 			location.href = '../../web/client/menu_typing_test.html';
 		});
 
+		this.animalOnTitle = new Animal(Animal.TYPE_ON_TITLE, game.world.centerX - 200, 30);
+		this.animalOnTitle.setSpecies(Animal.SPECIES_DATA[0]);
+		this.animalOnTitle.startAnimation();
+
+
 		this.averageTypingSpeedText = new AverageTypingSpeed();
 		this.contentProgressText = new ContentProgress();
 
@@ -149,6 +154,8 @@ class TypingTest {
 	gameOver() {
 		let gameOverText = new GameOverText();
 
+		this.animalOnTitle.stopAnimation();
+
 		game.time.events.add(Phaser.Timer.SECOND * 2, this.goResult, this);
 	}
 
@@ -310,7 +317,7 @@ class TypingTest {
 			let inputContent = this.inputTextContent.canvasInput.value();
 			let typingContent = this.typingRandomContents[this.typingIndex];
 
-			if(inputContent == typingContent) {
+			if(inputContent === typingContent) {
 				this.calculateTypingRecord(typingContent);
 				this.playNextContent();
 
@@ -383,12 +390,19 @@ class TypingTest {
 		// console.log(typingElapsedTimeTotal);
 		// console.log(typingRecordTotal);
 
-		this.averageTypingSpeedText.print(Math.floor(this.typingRecordTotal));
+		let typingRecordTotalInteger = Math.floor(this.typingRecordTotal);
+		this.averageTypingSpeedText.print(typingRecordTotalInteger);
 		// console.log('-------------- total --------------');
 		// console.log('typingLetterCountTotal : ' + this.typingLetterCountTotal);
 		// console.log('typingElapsedTimeTotal : ' + typingElapsedTimeTotal);
 		// console.log('typingRecordTotal : ' + typingRecordTotal);
 		// console.log('-----------------------------------');
+
+		let animalLevelID = this.animalOnTitle.animalLevelIDByRecord(typingRecordTotalInteger);
+		this.animalOnTitle.setSpecies(Animal.SPECIES_DATA[animalLevelID]);;
+		this.animalOnTitle.tweenAnimation(Animal.ANIMATION_TYPE_CHANGE);
+		this.animalOnTitle.startAnimation();
+
 	}
 
 	playNextContent() {

src/game/typing/test/loading.js

@@ -34,6 +34,48 @@ class Loading {
 
 	startLoading() {
 		this.game.load.image('icon_fullscreen',	'../../../resources/image/icon/fullscreen_white.png');
+
+		this.game.load.image('snail_icon',	'../../../resources/image/character/animal/snail/run2.png');
+		this.game.load.image('snail_run1',	'../../../resources/image/character/animal/snail/run1.png');
+		this.game.load.image('snail_run2',	'../../../resources/image/character/animal/snail/run2.png');
+
+		this.game.load.image('turtle_icon',	'../../../resources/image/character/animal/turtle/run2.png');
+		this.game.load.image('turtle_run1',	'../../../resources/image/character/animal/turtle/run1.png');
+		this.game.load.image('turtle_run2',	'../../../resources/image/character/animal/turtle/run2.png');
+
+		this.game.load.image('cat_icon',	'../../../resources/image/character/animal/cat/run2.png');
+		this.game.load.image('cat_run1',	'../../../resources/image/character/animal/cat/run1.png');
+		this.game.load.image('cat_run2',	'../../../resources/image/character/animal/cat/run2.png');
+
+		this.game.load.image('lion_icon',	'../../../resources/image/character/animal/lion/run2.png');
+		this.game.load.image('lion_run1',	'../../../resources/image/character/animal/lion/run1.png');
+		this.game.load.image('lion_run2',	'../../../resources/image/character/animal/lion/run2.png');
+
+		this.game.load.image('rabbit_icon',	'../../../resources/image/character/animal/rabbit/run2.png');
+		this.game.load.image('rabbit_run1',	'../../../resources/image/character/animal/rabbit/run1.png');
+		this.game.load.image('rabbit_run2',	'../../../resources/image/character/animal/rabbit/run2.png');
+
+		this.game.load.image('ostrich_icon',	'../../../resources/image/character/animal/ostrich/run2.png');
+		this.game.load.image('ostrich_run1',	'../../../resources/image/character/animal/ostrich/run1.png');
+		this.game.load.image('ostrich_run2',	'../../../resources/image/character/animal/ostrich/run2.png');
+
+		this.game.load.image('horse_icon',	'../../../resources/image/character/animal/horse/run2.png');
+		this.game.load.image('horse_run1',	'../../../resources/image/character/animal/horse/run1.png');
+		this.game.load.image('horse_run2',	'../../../resources/image/character/animal/horse/run2.png');
+
+		this.game.load.image('dog_icon',	'../../../resources/image/character/animal/dog/run2.png');
+		this.game.load.image('dog_run1',	'../../../resources/image/character/animal/dog/run1.png');
+		this.game.load.image('dog_run2',	'../../../resources/image/character/animal/dog/run2.png');
+
+		this.game.load.image('cheetah_icon',	'../../../resources/image/character/animal/cheetah/run2.png');
+		this.game.load.image('cheetah_run1',	'../../../resources/image/character/animal/cheetah/run1.png');
+		this.game.load.image('cheetah_run2',	'../../../resources/image/character/animal/cheetah/run2.png');
+
+		this.game.load.image('eagle_icon',	'../../../resources/image/character/animal/eagle/run2.png');
+		this.game.load.image('eagle_run1',	'../../../resources/image/character/animal/eagle/run1.png');
+		this.game.load.image('eagle_run2',	'../../../resources/image/character/animal/eagle/run2.png');
+
+
 		// this.game.load.image('a', '../../../resources/image/icon/fullscreen_white.png');
 		// this.game.load.image('b', '../../../resources/image/icon/fullscreen_white.png');
 		// this.game.load.image('c', '../../../resources/image/icon/fullscreen_white.png');

src/web/client/result.html

@@ -26,6 +26,7 @@
 		<script src="../../game/lib/fullscreen_button.js"></script>
 		<script src="../../game/lib/screen_bottom.js"></script>
 		<script src="../../game/lib/announce_box.js"></script>
+		<script src="../../game/lib/animal.js"></script>
 
 		<!-- source files -->
 		<script src="../../game/result/history_board.js"></script>

src/web/client/typing_practice.html

@@ -26,6 +26,7 @@
 		<script src="../../game/lib/db_connect_manager.js"></script>
 		<script src="../../game/lib/screen_bottom.js"></script>
 		<script src="../../game/lib/game_over_text.js"></script>
+		<script src="../../game/lib/animal.js"></script>
 
 		<!-- Test typing : source files -->
 		<script src="../../game/typing/alphabet_list/korean_basic.js"></script>

src/web/client/typing_test.html

@@ -26,6 +26,7 @@
 		<script src="../../game/lib/db_connect_manager.js"></script>
 		<script src="../../game/lib/screen_bottom.js"></script>
 		<script src="../../game/lib/game_over_text.js"></script>
+		<script src="../../game/lib/animal.js"></script>
 
 		<!-- Test typing : source files -->
 		<script src="../../game/typing/word_list/korean_basic.js"></script>