diff --git a/src/game/lib/color/main_color.js b/src/game/lib/color/main_color.js
new file mode 100644
index 0000000..dc5c8bc
--- /dev/null
+++ b/src/game/lib/color/main_color.js
@@ -0,0 +1,16 @@
+// MainColor.prototype = Object.create(Phaser.Sprite.prototype);
+MainColor.constructor = MainColor;
+
+function MainColor() {
+}
+
+
+MainColor.LIGHT_CHOCO_STRING = "#BF8763";
+MainColor.CHOCO_STRING = "#805A42";
+MainColor.DARK_CHOCO_STRING = "#402D21";
+MainColor.LIGHTER_CHOCO_STRING = "#E6A277";
+
+MainColor.LIGHT_CHOCO_HEX = 0xBF8763;
+MainColor.CHOCO_HEX = 0x805A42;
+MainColor.DARK_CHOCO_HEX = 0x402D21;
+MainColor.LIGHTER_CHOCO_HEX = 0xE6A277;
\ No newline at end of file
diff --git a/src/game/main_menu/app_area_bg.js b/src/game/main_menu/app_area_bg.js
deleted file mode 100644
index 00adbe1..0000000
--- a/src/game/main_menu/app_area_bg.js
+++ /dev/null
@@ -1,26 +0,0 @@
-function AppAreaBG(color, alpha, x, y, width, height) {
- game.add.graphics()
- .beginFill(color, alpha)
- .drawRect(x, y, width, height);
-}
-
-AppAreaBG.prototype.printText = function(text, x, y, size, color, alpha) {
- var fontStyle = { font: "36px Arial", fill: "#fff", align: "left", boundsAlignH: "left", boundsAlignV: "bottom" };
- var titleText = game.add.text(x, y, text, fontStyle);
- titleText.anchor.set(0.5);
- titleText.fontSize = size;
- titleText.addColor(color, 0);
- titleText.alpha = alpha;
-}
-
-AppAreaBG.COLOR_MOUSE_APP = 0xffce54;
-AppAreaBG.COLOR_TYPING_APP = 0x99ccff;
-
-AppAreaBG.COLOR_TYPING_KOREAN = 0xbbccff;
-AppAreaBG.COLOR_TYPING_ENGLISH = 0x88bbff;
-
-AppAreaBG.GAP_X = 10;
-AppAreaBG.GAP_Y = 10;
-
-AppAreaBG.MARGIN_X = 20;
-AppAreaBG.MARGIN_Y = 10;
\ No newline at end of file
diff --git a/src/game/main_menu/main_menu.js b/src/game/main_menu/main_menu.js
index 62f92af..e5d3b10 100644
--- a/src/game/main_menu/main_menu.js
+++ b/src/game/main_menu/main_menu.js
@@ -1,37 +1,13 @@
var MainMenu = {
preload: function() {
+ game.load.image('tile_choco', '../../../resources/image/background/tile_choco.png');
game.load.image('icon_fullscreen', '../../../resources/image/icon/fullscreen_white.png');
},
create: function() {
game.stage.backgroundColor = '#4d4d4d';
- // mouse app area
- var mouseBG = new AppAreaBG(
- AppAreaBG.COLOR_MOUSE_APP, 1,
- 0, 60,
- GAME_SCREEN_SIZE.x, 280
- );
- mouseBG.printText(
- "마우스 연습 앱",
- game.world.centerX, 200,
- 170, "#000", 0.03
- );
-
- // typing app area
- var typingBG = new AppAreaBG(
- AppAreaBG.COLOR_TYPING_APP, 1,
- 0, 340,
- GAME_SCREEN_SIZE.x, 378
- );
- typingBG.printText(
- "타 자 연 습 앱",
- game.world.centerX, 490,
- 170, "#000", 0.03
- );
-
-
// keyboard shortcut
this.keyboardShortcut = new KeyboardShortcut();
this.keyboardShortcut.addCallback(
@@ -41,6 +17,11 @@ var MainMenu = {
"menu_app" // callerClassName
);
+ // bg
+ game.add.graphics()
+ .beginFill(MainColor.LIGHT_CHOCO_HEX, 1)
+ .drawRect(0, 0,GAME_SCREEN_SIZE.x, GAME_SCREEN_SIZE.y);
+
// top ui
// var screenTopUI = new ScreenTopUI();
// screenTopUI.makeBackButton( (function() { this.back(); }).bind(this) );
@@ -68,7 +49,6 @@ var MainMenu = {
this.loadAppData();
},
-
back: function() {
sessionStorageManager.clear();
location.href = '../../web/client/login.html';
diff --git a/src/web/client/main_menu.html b/src/web/client/main_menu.html
index 50b065b..4e17e81 100644
--- a/src/web/client/main_menu.html
+++ b/src/web/client/main_menu.html
@@ -38,6 +38,7 @@
+
@@ -57,7 +58,6 @@
-