diff --git a/resources/image/character/animal/cat/run1.png b/resources/image/character/animal/cat/run1.png
new file mode 100755
index 0000000..75106e1
Binary files /dev/null and b/resources/image/character/animal/cat/run1.png differ
diff --git a/resources/image/character/animal/cat/run2.png b/resources/image/character/animal/cat/run2.png
new file mode 100755
index 0000000..59f94fa
Binary files /dev/null and b/resources/image/character/animal/cat/run2.png differ
diff --git a/resources/image/character/animal/cheetah/run1.png b/resources/image/character/animal/cheetah/run1.png
new file mode 100755
index 0000000..4c8f464
Binary files /dev/null and b/resources/image/character/animal/cheetah/run1.png differ
diff --git a/resources/image/character/animal/cheetah/run2.png b/resources/image/character/animal/cheetah/run2.png
new file mode 100755
index 0000000..78470b6
Binary files /dev/null and b/resources/image/character/animal/cheetah/run2.png differ
diff --git a/resources/image/character/animal/dog/run1.png b/resources/image/character/animal/dog/run1.png
new file mode 100755
index 0000000..aaf7692
Binary files /dev/null and b/resources/image/character/animal/dog/run1.png differ
diff --git a/resources/image/character/animal/dog/run2.png b/resources/image/character/animal/dog/run2.png
new file mode 100755
index 0000000..873d259
Binary files /dev/null and b/resources/image/character/animal/dog/run2.png differ
diff --git a/resources/image/character/animal/eagle/run1.png b/resources/image/character/animal/eagle/run1.png
new file mode 100755
index 0000000..f234adf
Binary files /dev/null and b/resources/image/character/animal/eagle/run1.png differ
diff --git a/resources/image/character/animal/eagle/run2.png b/resources/image/character/animal/eagle/run2.png
new file mode 100755
index 0000000..64ec417
Binary files /dev/null and b/resources/image/character/animal/eagle/run2.png differ
diff --git a/resources/image/character/animal/horse/run1.png b/resources/image/character/animal/horse/run1.png
new file mode 100755
index 0000000..1b9e9f5
Binary files /dev/null and b/resources/image/character/animal/horse/run1.png differ
diff --git a/resources/image/character/animal/horse/run2.png b/resources/image/character/animal/horse/run2.png
new file mode 100755
index 0000000..a5d7cec
Binary files /dev/null and b/resources/image/character/animal/horse/run2.png differ
diff --git a/resources/image/character/animal/lion/run1.png b/resources/image/character/animal/lion/run1.png
new file mode 100755
index 0000000..4f6602d
Binary files /dev/null and b/resources/image/character/animal/lion/run1.png differ
diff --git a/resources/image/character/animal/lion/run2.png b/resources/image/character/animal/lion/run2.png
new file mode 100755
index 0000000..017110c
Binary files /dev/null and b/resources/image/character/animal/lion/run2.png differ
diff --git a/resources/image/character/animal/ostrich/run1.png b/resources/image/character/animal/ostrich/run1.png
new file mode 100755
index 0000000..05f73a0
Binary files /dev/null and b/resources/image/character/animal/ostrich/run1.png differ
diff --git a/resources/image/character/animal/ostrich/run2.png b/resources/image/character/animal/ostrich/run2.png
new file mode 100755
index 0000000..1ebf628
Binary files /dev/null and b/resources/image/character/animal/ostrich/run2.png differ
diff --git a/resources/image/character/animal/rabbit/run1.png b/resources/image/character/animal/rabbit/run1.png
new file mode 100755
index 0000000..3a27767
Binary files /dev/null and b/resources/image/character/animal/rabbit/run1.png differ
diff --git a/resources/image/character/animal/rabbit/run2.png b/resources/image/character/animal/rabbit/run2.png
new file mode 100755
index 0000000..7f05157
Binary files /dev/null and b/resources/image/character/animal/rabbit/run2.png differ
diff --git a/resources/image/character/animal/snail/run1.png b/resources/image/character/animal/snail/run1.png
new file mode 100755
index 0000000..8b5cf3d
Binary files /dev/null and b/resources/image/character/animal/snail/run1.png differ
diff --git a/resources/image/character/animal/snail/run2.png b/resources/image/character/animal/snail/run2.png
new file mode 100755
index 0000000..b963ac0
Binary files /dev/null and b/resources/image/character/animal/snail/run2.png differ
diff --git a/resources/image/character/animal/turtle/run1.png b/resources/image/character/animal/turtle/run1.png
new file mode 100755
index 0000000..bab9e24
Binary files /dev/null and b/resources/image/character/animal/turtle/run1.png differ
diff --git a/resources/image/character/animal/turtle/run2.png b/resources/image/character/animal/turtle/run2.png
new file mode 100755
index 0000000..19623a4
Binary files /dev/null and b/resources/image/character/animal/turtle/run2.png differ
diff --git a/src/game/lib/animal.js b/src/game/lib/animal.js
new file mode 100644
index 0000000..3cd1b17
--- /dev/null
+++ b/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"
+};
\ No newline at end of file
diff --git a/src/game/result/result.js b/src/game/result/result.js
index 8aa1cb3..dc723fb 100644
--- a/src/game/result/result.js
+++ b/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
);
diff --git a/src/game/typing/practice/game.js b/src/game/typing/practice/game.js
index 4bd28d2..0e6aac0 100644
--- a/src/game/typing/practice/game.js
+++ b/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);
}
}
diff --git a/src/game/typing/practice/loading.js b/src/game/typing/practice/loading.js
index c583320..b81f24f 100644
--- a/src/game/typing/practice/loading.js
+++ b/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');
diff --git a/src/game/typing/test/average_typing_speed.js b/src/game/typing/test/average_typing_speed.js
index 997b0b0..de2d7a5 100644
--- a/src/game/typing/test/average_typing_speed.js
+++ b/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)
- .setTextBounds(0, 0, game.world.width / 2, AverageTypingSpeed.FONT_HEIGHT_PX);
+ this.tytleSpeedText = game.add.text(game.world.width / 2 + 20, AverageTypingSpeed.FONT_HEIGHT_PX, "현재 타수 : ", fontStyle);
+ 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)
- .setTextBounds(0, 0, game.world.width / 2, AverageTypingSpeed.FONT_HEIGHT_PX);
+ this.typingSpeedText = game.add.text(game.world.width / 2 + 20, AverageTypingSpeed.FONT_HEIGHT_PX, "0", fontStyle);
+ 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",
diff --git a/src/game/typing/test/game.js b/src/game/typing/test/game.js
index 5f3105e..ad2715c 100644
--- a/src/game/typing/test/game.js
+++ b/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() {
diff --git a/src/game/typing/test/loading.js b/src/game/typing/test/loading.js
index 568fa33..3a332f6 100644
--- a/src/game/typing/test/loading.js
+++ b/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');
diff --git a/src/web/client/result.html b/src/web/client/result.html
index 131f9c4..1b6fbec 100644
--- a/src/web/client/result.html
+++ b/src/web/client/result.html
@@ -26,6 +26,7 @@
+
diff --git a/src/web/client/typing_practice.html b/src/web/client/typing_practice.html
index c6054e4..ed4278c 100644
--- a/src/web/client/typing_practice.html
+++ b/src/web/client/typing_practice.html
@@ -26,6 +26,7 @@
+
diff --git a/src/web/client/typing_test.html b/src/web/client/typing_test.html
index 6e60ad5..b7d4457 100644
--- a/src/web/client/typing_test.html
+++ b/src/web/client/typing_test.html
@@ -26,6 +26,7 @@
+