Add: AppGroupTab

src/game/main_menu/main_menu.js

@@ -53,7 +53,7 @@ MainMenu.prototype.create = function() {
 	graphics.drawRect(0, 0,GAME_SCREEN_SIZE.x, GAME_SCREEN_SIZE.y);
 	// graphics.beginFill(MainColor.BLACK_HEX, 1);
 	graphics.beginFill(MainColor.CHOCO_HEX, 1);
-	graphics.drawRect(0, 0,GAME_SCREEN_SIZE.x, MainMenu.MAIN_MENU_HEIGHT);
+	graphics.drawRect(0, 0, GAME_SCREEN_SIZE.x, MainMenu.MAIN_MENU_HEIGHT);
 
 	this.appGroupButtons = {};
 	// this.makeAppGroupButtons();
@@ -190,15 +190,28 @@ MainMenu.prototype.makeAppGroupButtons = function() {
 	);
 	this.appGroupButtons.settingButton = settingButton;
 
-	var setting = new TabSetting(200, 40, 100, 80);
-	setting.setFontSize(20);
-	var mouseAppTab = new BasicTab(
-		setting,
+	var mouseAppGroupTab = new AppGroupTab(
 		(function() { console.log("mouse"); }).bind(this)
 	);
-	mouseAppTab.setMainText("MOUSE");
-	mouseAppTab.setShortcutText("마우스");
-	this.appGroupButtons.settingButton = mouseAppTab;
+	// var mouseAppTab = new BasicTab(
+	// 	setting,
+	// 	(function() { console.log("mouse"); }).bind(this)
+	// );
+	// mouseAppTab.setMainText("MOUSE");
+	// mouseAppTab.setShortcutText("마우스");
+
+	var setting = new TabSetting(150, MainMenu.MAIN_MENU_HEIGHT / 2, 140, MainMenu.MAIN_MENU_HEIGHT);
+	setting.setFontSize(20);
+	setting.x = 290;
+	var typingAppTab = new BasicTab(
+		setting,
+		(function() { console.log("typing"); }).bind(this)
+	);
+	typingAppTab.setMainText("TYPING");
+	typingAppTab.setShortcutText("타이핑");
+	typingAppTab.setActive(false);
+
+	this.appGroupButtons.settingButton = mouseAppGroupTab;
 }
 
 
@@ -337,4 +350,4 @@ MainMenu.prototype.loadFailed = function(replyJSON) {
 }
 
 
-MainMenu.MAIN_MENU_HEIGHT = 80;
+MainMenu.MAIN_MENU_HEIGHT = 70;