Add: TypingAppButton(flat button) (incompleted)

src/game/lib/flat_button/basic_button.js

@@ -301,6 +301,19 @@ BasicButton.prototype.buttonDisabled = function() {
 
 
 
+BasicButton.prototype.setActive = function(flag) {
+	this.setInputEnabled(flag);
+
+	if(flag) {
+		this.buttonSprite.alpha = 1;
+		this.strokeSprite.alpha = 1;
+	} else {
+		this.buttonSprite.alpha = 0;
+		this.strokeSprite.alpha = 0;
+	}
+
+}
+
 BasicButton.prototype.getPosX = function() {
 	return this.strokeSprite.x + this.setting.width / 2;
 }

src/game/lib/flat_button/setting_button.js

@@ -38,11 +38,11 @@ function SettingButton(clickEvent) {
 
 	BasicButton.call(this, setting, clickEvent);
 
-	this.setMainText("세팅");
+	this.setMainText("설정");
 	// this.setMainText("Setting");
 	// this.addIcon("tile_choco");
 	// this.setIconSize(40);
-	this.setShortcutText("세팅");
+	// this.setShortcutText("[단축키]");
 	// this.setShortcutText("Setting");
 }
 

src/game/lib/flat_button/typing_app_button.js

@@ -0,0 +1,96 @@
+TypingAppButton.prototype = Object.create(BasicButton.prototype);
+TypingAppButton.constructor = TypingAppButton;
+
+function TypingAppButton(x, y, appData) {
+	console.log(appData);
+	this.appData = appData;
+
+	var setting = new ButtonSetting(x, y, 400, 80);
+	setting.setStrokeWidth(0);
+	setting.setRound(30);
+	// setting.setFont("Nanum Brush Script");
+	setting.setFont("Nanum Gothic");
+	setting.setFontSize(20);
+	setting.fontStyle.boundsAlignH = "center";	// left, center. right
+	setting.fontStyle.boundsAlignV = "middle";	// top, middle, bottom
+	setting.setStrokeColor(
+		TypingAppButton.STROKE_COLOR_OUT_HEX,
+		TypingAppButton.STROKE_COLOR_OVER_HEX,
+		TypingAppButton.STROKE_COLOR_DOWN_HEX,
+		TypingAppButton.STROKE_COLOR_DISABLED_HEX
+	);
+	setting.setButtonColor(
+		TypingAppButton.BUTTON_COLOR_OUT_HEX,
+		TypingAppButton.BUTTON_COLOR_OVER_HEX,
+		TypingAppButton.BUTTON_COLOR_DOWN_HEX,
+		TypingAppButton.BUTTON_COLOR_DISABLED_HEX
+	);
+	setting.setIconColor(
+		TypingAppButton.BUTTON_COLOR_OUT_HEX,
+		TypingAppButton.BUTTON_COLOR_OVER_HEX,
+		TypingAppButton.BUTTON_COLOR_DOWN_HEX,
+		TypingAppButton.BUTTON_COLOR_DISABLED_HEX
+	);
+	setting.setTextColor(
+		TypingAppButton.TEXT_COLOR_OUT_HEX,
+		TypingAppButton.TEXT_COLOR_OVER_HEX,
+		TypingAppButton.TEXT_COLOR_DOWN_HEX,
+		TypingAppButton.TEXT_COLOR_DISABLED_HEX
+	);
+
+
+	BasicButton.call(this, setting, this.clickEvent);
+
+	this.setMainText(this.appData.koreanName);
+	// this.setMainText("Setting");
+	// this.addIcon("tile_choco");
+	// this.setIconSize(40);
+	// this.setShortcutText("[단축키]");
+	// this.setShortcutText("Setting");
+
+	this.setInputEnabled(this.appData.activated);
+}
+
+TypingAppButton.prototype.clickEvent = function() {
+	sessionStorageManager.setPlayingAppID(this.appData.AppID);
+	sessionStorageManager.setPlayingAppName(this.appData.AppName);
+	sessionStorageManager.setPlayingAppKoreanName(this.appData.KoreanName);
+
+	if(isExperiencePlayerAccount())
+		location.href = '../../web/client/ads.html';
+	else
+		location.href = '../../web/client/start.html';
+}
+
+/*
+TypingAppButton.prototype.onClick = function() {
+	sessionStorageManager.setPlayingAppID(TypingAppButton.TYPING_APP_ID);
+	sessionStorageManager.setPlayingAppName(TypingAppButton.TYPING_APP_NAME);
+	sessionStorageManager.setPlayingAppKoreanName(TypingAppButton.TYPING_APP_KOREAN_NAME);
+	sessionStorageManager.setWritingID(this.writingData.writingID);
+	// location.href = '../../web/client/typing_exam.html';
+	location.href = '../../web/client/start.html';
+	// printSessionStorage();
+}
+
+
+TypingAppButton.TYPING_APP_ID				= 200;
+TypingAppButton.TYPING_APP_NAME				= "typing_exam";
+TypingAppButton.TYPING_APP_KOREAN_NAME		= "타자검정";
+*/
+
+
+TypingAppButton.STROKE_COLOR_OUT_HEX			= MainColor.DARK_CHOCO_HEX;
+TypingAppButton.STROKE_COLOR_OVER_HEX			= MainColor.DARK_CHOCO_HEX;
+TypingAppButton.STROKE_COLOR_DOWN_HEX			= MainColor.DARK_CHOCO_HEX;
+TypingAppButton.STROKE_COLOR_DISABLED_HEX		= MainColor.DARK_CHOCO_HEX;
+
+TypingAppButton.BUTTON_COLOR_OUT_HEX			= MainColor.DARK_CHOCO_HEX;
+TypingAppButton.BUTTON_COLOR_OVER_HEX			= MainColor.LIGHTER_CHOCO_HEX;
+TypingAppButton.BUTTON_COLOR_DOWN_HEX			= MainColor.LIGHT_CHOCO_HEX;
+TypingAppButton.BUTTON_COLOR_DISABLED_HEX		= MainColor.BLACK_HEX;
+
+TypingAppButton.TEXT_COLOR_OUT_HEX			= MainColor.WHITE_STRING;
+TypingAppButton.TEXT_COLOR_OVER_HEX			= MainColor.DARK_CHOCO_STRING;
+TypingAppButton.TEXT_COLOR_DOWN_HEX			= MainColor.LIGHTER_CHOCO_STRING;
+TypingAppButton.TEXT_COLOR_DISABLED_HEX		= MainColor.GREY_STRING;