Fix: align menu app buttons

src/game/lib/app_button.js

@@ -73,8 +73,9 @@ class AppButton {
 
 }
 
-AppButton.TYPE_MOUSE	= 0;
-AppButton.TYPE_TYPING	= 1;
+AppButton.TYPE_MOUSE_APP		= 0;
+AppButton.TYPE_TYPING_PRACTICE	= 1;
+AppButton.TYPE_TYPING_APP		= 2;
 
 AppButton.NONE_ICON			= "";
 AppButton.NONE_BUTTON_TEXT	= "";

src/game/lib/game_app_button.js

@@ -1,31 +1,13 @@
 class GameAppButton extends AppButton {
 
 	constructor(x, y, type, iconName, buttonText, clickEvent) {
-		let setting = new RoundRectButtonSetting(150, 150);
+		let setting = new RoundRectButtonSetting(GameAppButton.BUTTON_WIDTH, GameAppButton.BUTTON_HEIGHT);
 		setting.fontStyle.boundsAlignH = "center";	// left, center. right
 		setting.fontStyle.boundsAlignV = "middle";	// top, middle, bottom
 		setting.strokeWidthPx = 5;
 
-		if(type === AppButton.TYPE_MOUSE) {
-			setting.setStrokeColor(
-				0xaa6666,
-				0x884444,
-				0x884444,
-				0x333333
-			);
-			setting.setButtonColor(
-				0xffdddd,
-				0xddaaaa,
-				0xddaaaa,
-				0x666666
-			);
-			setting.setTextColor(
-				"#a66",
-				"#844",
-				"#844",
-				"#333"
-			);
-		} else {	// TYPE_TYPING
+		if(type === AppButton.TYPE_MOUSE_APP) {
+		} if(type === AppButton.TYPE_TYPING_PRACTICE) {
 			setting.setStrokeColor(
 				0x444488,
 				0x6666aa,
@@ -44,6 +26,25 @@ class GameAppButton extends AppButton {
 				"#a66",
 				"#333"
 			);
+		} else {	// TYPE_TYPING_APP
+			setting.setStrokeColor(
+				0xaa6666,
+				0x884444,
+				0x884444,
+				0x333333
+			);
+			setting.setButtonColor(
+				0xffdddd,
+				0xddaaaa,
+				0xddaaaa,
+				0x666666
+			);
+			setting.setTextColor(
+				"#a66",
+				"#844",
+				"#844",
+				"#333"
+			);
 		}
 
 		// this.button = new RoundRectButton(setting, buttonText, clickEvent);
@@ -70,4 +71,12 @@ class GameAppButton extends AppButton {
 		this.button.move(x, y);
 	}
 
-}
+}
+
+GameAppButton.BUTTON_WIDTH		= 150;
+GameAppButton.BUTTON_HEIGHT		= 150;
+
+GameAppButton.BUTTON_GAP		= 20;
+
+GameAppButton.BUTTON_UPPER_POS_Y	= 200;
+GameAppButton.BUTTON_LOWER_POS_Y	= 540;