Fix: ES6 -> ES5 (imcompleted)

src/game/global/global_variables.js

@@ -3,7 +3,7 @@ const LANGUAGE_ENGLISH		= "english";
 
 const MODE_RELEASE			= "release";
 const MODE_DEBUG			= "debug";
-const runMode = MODE_RELEASE;
+const runMode = MODE_DEBUG;
 
 function isDebugMode() {
 	// console.log("debug mode ? " + runMode);

src/game/lib/button/back_button.js

@@ -1,6 +1,7 @@
-class BackButton extends RoundRectButton {
+BackButton.prototype = Object.create(RoundRectButton);
+BackButton.constructor = BackButton;
 
-	constructor(clickEvent) {
+function BackButton(clickEvent) {
 	let setting = new RoundRectButtonSetting(30, 30, 50, 50);
 	setting.fontStyle.boundsAlignH = "center";	// left, center. right
 	setting.fontStyle.boundsAlignV = "middle";	// top, middle, bottom
@@ -24,7 +25,10 @@ class BackButton extends RoundRectButton {
 		"#333"
 	);
 
-		super(setting, RoundRectButton.NONE_ICON, "<", clickEvent);
+	new RoundRectButton(setting, RoundRectButton.NONE_ICON, "<", clickEvent);
 }
 
+BackButton.prototype.startState = function(stateName) {
+    var game = this.backButton.parent.game;
+    game.state.start(stateName);
 }

src/game/lib/button/fullscreen_button.js

@@ -1,9 +1,10 @@
-class FullscreenButton extends RoundRectButton {
+FullscreenButton.prototype = Object.create(RoundRectButton);
+FullscreenButton.constructor = BackButton;
 
-	constructor() {
+function FullscreenButton() {
 	game.scale.fullScreenScaleMode = Phaser.ScaleManager.EXACT_FIT;
 
-		let setting = new RoundRectButtonSetting(game.world.width - 30, 30, 50, 50);
+	var setting = new RoundRectButtonSetting(game.world.width - 30, 30, 50, 50);
 	setting.fontStyle.boundsAlignH = "center";	// left, center. right
 	setting.fontStyle.boundsAlignV = "middle";	// top, middle, bottom
 	setting.strokeWidthPx = 3;
@@ -26,7 +27,7 @@ class FullscreenButton extends RoundRectButton {
 		"#333"
 	);
 
-		super(
+	var button = new RoundRectButton(
 		setting,
 		RoundRectButton.NONE_ICON, RoundRectButton.NONE_BUTTON_TEXT,
 		(function() {
@@ -38,10 +39,8 @@ class FullscreenButton extends RoundRectButton {
 		})
 	);
 
-		let icon_fullscreen = game.add.sprite(0, 0, 'icon_fullscreen');
+	var icon_fullscreen = game.add.sprite(0, 0, 'icon_fullscreen');
 	icon_fullscreen.width = 20;
 	icon_fullscreen.height = 20;
-		this.setIcon(icon_fullscreen);
+	button.setIcon(icon_fullscreen);
-	}
-
 }

src/game/lib/button/game_app_button.js

@@ -1,7 +1,8 @@
-class GameAppButton extends RoundRectButton {
+GameAppButton.prototype = Object.create(RoundRectButton.prototype);
+GameAppButton.constructor = GameAppButton;
 
-	constructor(x, y, type, iconName, buttonText, clickEvent) {
+function GameAppButton(x, y, type, iconName, buttonText, appInfo) {
-		let setting = new RoundRectButtonSetting(
+	var setting = new RoundRectButtonSetting(
 		x, y,
 		GameAppButton.BUTTON_WIDTH, GameAppButton.BUTTON_HEIGHT
 	);
@@ -60,7 +61,7 @@ class GameAppButton extends RoundRectButton {
 		fill: "#fff"
 	};
 
-		let textCount = buttonText.length;
+	var textCount = buttonText.length;
 	if(textCount > 7)
 		setting.fontStyle.font = "18px Arial";
 	else if(textCount > 5)
@@ -68,11 +69,24 @@ class GameAppButton extends RoundRectButton {
 	else
 		setting.fontStyle.font = "24px Arial";
 
-		super(setting, iconName, buttonText, clickEvent);
+	this.appInfo = appInfo;
+	RoundRectButton.call(
+		this, setting,
+		iconName, buttonText,
+		this.clickEvent
+	);
 }
 
+
+GameAppButton.prototype.clickEvent = function() {
+	sessionStorageManager.playingAppID = this.appInfo.AppID;
+	sessionStorageManager.playingAppName = this.appInfo.AppName;
+	sessionStorageManager.playingAppKoreanName = this.appInfo.KoreanName;
+
+	location.href = '../../web/client/start.html';
 }
 
+
 GameAppButton.TYPE_MOUSE_APP		= 0;
 GameAppButton.TYPE_TYPING_PRACTICE	= 1;
 GameAppButton.TYPE_TYPING_APP		= 2;

src/game/lib/button/round_rect_button.js

@@ -1,13 +1,11 @@
-class RoundRectButtonSetting {
+function RoundRectButtonSetting(x, y, width, height, roundAmount) {
-
-	constructor(x, y, width, height, roundAmount) {
 	this.x = x;
 	this.y = y;
 	this.width = width;
 	this.height = height;
 	this.roundAmount = 0;
 	if(typeof roundAmount === "undefined") {
-			let shorterSide = width > height ? height : width;
+		var shorterSide = width > height ? height : width;
 		this.roundAmount = shorterSide * 0.1;
 	} else {
 		this.roundAmount = roundAmount;
@@ -21,7 +19,7 @@ class RoundRectButtonSetting {
 	this.fontStyle = RoundRectButtonSetting.DEFAULT_TEXT_FONT;
 };
 
-	setStrokeColor(out, over, down, disabled) {
+RoundRectButtonSetting.prototype.setStrokeColor = function(out, over, down, disabled) {
 	this.strokeColors = { };
 	this.strokeColors.out = out;
 	this.strokeColors.over = over;
@@ -29,7 +27,7 @@ class RoundRectButtonSetting {
 	this.strokeColors.disabled = disabled;
 }
 
-	setButtonColor(out, over, down, disabled) {
+RoundRectButtonSetting.prototype.setButtonColor = function(out, over, down, disabled) {
 	this.buttonColors = { };
 	this.buttonColors.out = out;
 	this.buttonColors.over = over;
@@ -37,7 +35,7 @@ class RoundRectButtonSetting {
 	this.buttonColors.disabled = disabled;
 }
 
-	setTextColor(out, over, down, disabled) {
+RoundRectButtonSetting.prototype.setTextColor = function(out, over, down, disabled) {
 	this.textColors = { };
 	this.textColors.out = out;
 	this.textColors.over = over;
@@ -45,7 +43,6 @@ class RoundRectButtonSetting {
 	this.textColors.disabled = disabled;
 }
 
-}
 
 RoundRectButtonSetting.DEFAULT_STROKE_COLORS = {
 	out: 0x666666,
@@ -80,8 +77,8 @@ RoundRectButtonSetting.DEFAULT_STROKE_WIDTH_PX		= 5;	// in pixel
 
 
 
-class RoundRectButton {
+
-	constructor(roundRectSetting, iconName, buttonText, clickEvent) {
+function RoundRectButton(roundRectSetting, iconName, buttonText, clickEvent) {
 	this.setting = roundRectSetting;
 	this.clickEvent = clickEvent;
 
@@ -109,7 +106,7 @@ class RoundRectButton {
 	this.mouseOut();
 }
 
-	setEventMethod(target) {
+RoundRectButton.prototype.setEventMethod = function(target) {
 	target.events.onInputOver.add(function() { this.mouseOver(); }, this);
 	target.events.onInputOut.add(function() { this.mouseOut(); }, this);
 	target.events.onInputDown.add(function() {
@@ -122,8 +119,8 @@ class RoundRectButton {
 	target.events.onInputUp.add(function() { this.mouseOver(); }, this);
 }
 
-	makeButtonStroke() {	// outter(bigger) round rect sprite
+RoundRectButton.prototype.makeButtonStroke = function() {	// outter(bigger) round rect sprite
-		let btnTexture = new Phaser.Graphics()
+	var btnTexture = new Phaser.Graphics()
 		.beginFill(0xffffff)
 		.drawRoundedRect(0, 0, this.setting.width, this.setting.height, this.setting.roundAmount)
 		.endFill()
@@ -136,12 +133,12 @@ class RoundRectButton {
 	);
 }
 
-	makeButtonSprite() {	// inner(smaller) round rect sprite
+RoundRectButton.prototype.makeButtonSprite = function() {	// inner(smaller) round rect sprite
-		let width = this.setting.width - this.setting.strokeWidthPx * 2;
+	var width = this.setting.width - this.setting.strokeWidthPx * 2;
-		let height = this.setting.height - this.setting.strokeWidthPx * 2;
+	var height = this.setting.height - this.setting.strokeWidthPx * 2;
-		let innerRoundAmount = this.setting.roundAmount * (width / this.setting.width / 1.5);
+	var innerRoundAmount = this.setting.roundAmount * (width / this.setting.width / 1.5);
 
-		let btnTexture = new Phaser.Graphics()
+	var btnTexture = new Phaser.Graphics()
 		.beginFill(0xffffff)
 		.drawRoundedRect(this.setting.strokeWidthPx, this.setting.strokeWidthPx, width, height, innerRoundAmount)
 		.endFill()
@@ -155,19 +152,19 @@ class RoundRectButton {
 	);
 }
 
-	makeIcon(iconName) {
+RoundRectButton.prototype.makeIcon = function(iconName) {
-		let icon = game.add.sprite(0, 0, iconName);
+	var icon = game.add.sprite(0, 0, iconName);
 	icon.width = 80;
 	icon.height = 80;
 
 	return icon;
 }
 
-	makeText(textContent) {
+RoundRectButton.prototype.makeText = function(textContent) {
-		let width = this.setting.width - this.setting.strokeWidthPx * 2;
+	var width = this.setting.width - this.setting.strokeWidthPx * 2;
-		let height = this.setting.height - this.setting.strokeWidthPx * 2;
+	var height = this.setting.height - this.setting.strokeWidthPx * 2;
 
-		let btnText = game.add.text(0, 0, textContent, this.setting.fontStyle)
+	var btnText = game.add.text(0, 0, textContent, this.setting.fontStyle)
 		.setTextBounds(0, 0, width, this.setting.height);
 
 	btnText.lineSpacing = RoundRectButtonSetting.DEFAULT_TEXT_LINE_SPACING_PX;
@@ -176,7 +173,7 @@ class RoundRectButton {
 	return btnText;
 }
 
-	setIcon(icon) {
+RoundRectButton.prototype.setIcon = function(icon) {
 	this.buttonIcon = this.button.addChild(icon);
 	this.buttonIcon.x = this.button.width / 2;
 	this.buttonIcon.y = this.button.height / 2;
@@ -186,7 +183,7 @@ class RoundRectButton {
 }
 
 
-	mouseOut() {
+RoundRectButton.prototype.mouseOut = function() {
 	this.text.fill = this.setting.textColors.out;
 	this.buttonStroke.tint = this.setting.strokeColors.out;
 	this.button.tint = this.setting.buttonColors.out;
@@ -195,7 +192,7 @@ class RoundRectButton {
 	}
 }
 
-	mouseOver() {
+RoundRectButton.prototype.mouseOver = function() {
 	this.text.fill = this.setting.textColors.over;
 	this.buttonStroke.tint = this.setting.strokeColors.over;
 	this.button.tint = this.setting.buttonColors.over;
@@ -204,7 +201,7 @@ class RoundRectButton {
 	}
 }
 
-	mouseDown() {
+RoundRectButton.prototype.mouseDown = function() {
 	this.text.fill = this.setting.textColors.down;
 	this.buttonStroke.tint = this.setting.strokeColors.down;
 	this.button.tint = this.setting.buttonColors.down;
@@ -213,7 +210,7 @@ class RoundRectButton {
 	}
 }
 
-	buttonDisabled() {
+RoundRectButton.prototype.buttonDisabled = function() {
 	this.text.fill = this.setting.textColors.disabled;
 	this.buttonStroke.tint = this.setting.strokeColors.disabled;
 	this.button.tint = this.setting.buttonColors.disabled;
@@ -224,7 +221,7 @@ class RoundRectButton {
 
 
 
-	move(x, y) {
+RoundRectButton.prototype.move = function(x, y) {
 	this.buttonStroke.x = x - this.setting.width / 2;
 	this.buttonStroke.y = y - this.setting.height / 2;
 
@@ -232,11 +229,11 @@ class RoundRectButton {
 	this.button.y = y  - this.setting.height / 2+ this.setting.strokeWidthPx;
 }
 
-	get inputEnabled() {
+RoundRectButton.prototype.getInputEnabled = function() {
 	return this.button.inputEnabled;
 }
 
-	set inputEnabled(isEnabled) {
+RoundRectButton.prototype.setInputEnabled = function(isEnabled) {
 	this.buttonStroke.inputEnabled = isEnabled;
 	this.button.inputEnabled = isEnabled;
 
@@ -247,10 +244,9 @@ class RoundRectButton {
 	}
 }
 
-	set lineSpacing(spacingInPixels) {
+RoundRectButton.prototype.setLineSpacing = function(spacingInPixels) {
 	this.text.lineSpacing = spacingInPixels;
 }
-}
 
 RoundRectButton.NONE_ICON			= "";
 RoundRectButton.NONE_BUTTON_TEXT	= "";

src/game/lib/button/typing_app_button.js

@@ -1,7 +1,8 @@
-class TypingAppButton extends RoundRectButton {
+TypingAppButton.prototype = Object.create(RoundRectButton.prototype);
+TypingAppButton.constructor = TypingAppButton;
 
-	constructor(type, x, y, iconName, buttonText, clickEvent) {
+function TypingAppButton(type, x, y, iconName, buttonText, appInfo) {
-		let setting = new RoundRectButtonSetting(x, y, TypingAppButton.BUTTON_WIDTH, TypingAppButton.BUTTON_HEIGHT);
+	var setting = new RoundRectButtonSetting(x, y, TypingAppButton.BUTTON_WIDTH, TypingAppButton.BUTTON_HEIGHT);
 	setting.fontStyle.boundsAlignH = "center";	// left, center. right
 	setting.fontStyle.boundsAlignV = "middle";	// top, middle, bottom
 	setting.strokeWidthPx = 5;
@@ -79,7 +80,12 @@ class TypingAppButton extends RoundRectButton {
 		fill: "#fff"
 	};
 
-		super(setting, iconName, buttonText, clickEvent);
+	this.appInfo = appInfo;
+	RoundRectButton.call(
+		this, setting,
+		iconName, buttonText,
+		this.clickEvent
+	);
 
 	this.text.x = 30;
 
@@ -91,8 +97,15 @@ class TypingAppButton extends RoundRectButton {
 
 }
 
+TypingAppButton.prototype.clickEvent = function() {
+	sessionStorageManager.playingAppID = this.appInfo.AppID;
+	sessionStorageManager.playingAppName = this.appInfo.AppName;
+	sessionStorageManager.playingAppKoreanName = this.appInfo.KoreanName;
+
+	location.href = '../../web/client/start.html';
 }
 
+
 TypingAppButton.TYPE_PRACTICE_KOREAN	= 0;
 TypingAppButton.TYPE_PRACTICE_ENGLISH	= 1;
 TypingAppButton.TYPE_TEST_KOREAN		= 2;

src/game/lib/button/typing_tab_button.js

@@ -1,7 +1,8 @@
-class TypingTabButton extends RoundRectButton {
+TypingTabButton.prototype = Object.create(RoundRectButton.prototype);
+TypingTabButton.constructor = TypingTabButton;
 
-	constructor(x, y, iconName, buttonText, clickEvent) {
+function TypingTabButton(x, y, iconName, buttonText, clickEvent) {
-		let setting = new RoundRectButtonSetting(
+	var setting = new RoundRectButtonSetting(
 		x, y,
 		TypingTabButton.BUTTON_WIDTH, TypingTabButton.BUTTON_HEIGHT
 	);
@@ -28,18 +29,9 @@ class TypingTabButton extends RoundRectButton {
 		"#333"
 	);
 
-		super(setting, iconName, buttonText, clickEvent);
+	RoundRectButton.call(this, setting, iconName, buttonText, clickEvent);
-
-
-		if(iconName.length > 0) {
-			let icon_fullscreen = game.add.sprite(0, 0, iconName);
-			icon_fullscreen.width = 80;
-			icon_fullscreen.height = 80;
-			this.button.setIcon(icon_fullscreen);
-		}
 }
 
-}
 
 TypingTabButton.BUTTON_WIDTH		= 490;
 TypingTabButton.BUTTON_HEIGHT		= 80;

src/game/login/login.js

@@ -8,15 +8,13 @@ class Login {
 	}
 
 	create() {
-		self = this;
-
 		sessionStorageManager.clear();
 
 		this.game.stage.backgroundColor = '#4d4d4d';
 		this.textStyle = { font: "bold 32px Arial", fill: "#fff", align: "right", boundsAlignH: "right", boundsAlignV: "middle" };
 
 		// top ui
-		let screenTopUI = new ScreenTopUI();
+		var screenTopUI = new ScreenTopUI();
 		screenTopUI.makeBackButton( function() {
 			sessionStorageManager.clear();
 			location.href = '../../web/main/index.html';
@@ -25,7 +23,7 @@ class Login {
 
 
 
-		let textX = this.game.world.centerX - 320;
+		var textX = this.game.world.centerX - 320;
 		if(sessionStorageManager.maestroID === null)
 			this.makeMaestroNameText(textX, 200);
 		this.makeNameText(textX, 300);
@@ -64,7 +62,7 @@ class Login {
 	}
 
 	makeInputTypeText(x, y, text) {
-		let inputText = new InputTypeText(x + 420, y);
+		var inputText = new InputTypeText(x + 420, y);
 		inputText.anchor.set(0.5);
 		inputText.canvasInput.value('');
 		if(isDebugMode()) {
@@ -72,7 +70,7 @@ class Login {
 		}
 		inputText.canvasInput._onkeyup = function() {
 			if(event.keyCode == Phaser.Keyboard.ENTER) {
-				self.startMenu();
+				(function() { this.startMenu(); }).bind(this)
 			}
 		}
 
@@ -80,10 +78,14 @@ class Login {
 	}
 
 	makeStartButton(x, y) {
-		let setting = new RoundRectButtonSetting(x, y, 200, 100);
+		var setting = new RoundRectButtonSetting(x, y, 200, 100);
 		setting.fontStyle.fontWeight = "bold";
 
-		let startButton = new RoundRectButton(setting, RoundRectButton.NONE_ICON, "시작", this.startMenu);
+		var startButton = new RoundRectButton(
+			setting,
+			RoundRectButton.NONE_ICON, "시작",
+			(function() { this.startMenu(); }).bind(this)
+		);
 	}
 
 	makeInfoText(x, y) {
@@ -96,17 +98,21 @@ class Login {
 
 
 	startMenu() {
-		let maestroName = self.inputTextMaestroName.canvasInput._value;
+		var maestroName = this.inputTextMaestroName.canvasInput._value;
-		sessionStorageManager.playerName = self.inputTextName.canvasInput._value;
+		sessionStorageManager.playerName = this.inputTextName.canvasInput._value;
-		let enterCode = self.inputTextEnterCode.canvasInput._value;
+		var enterCode = this.inputTextEnterCode.canvasInput._value;
 
-		let dbConnectManager = new DBConnectManager();
+		var dbConnectManager = new DBConnectManager();
 		dbConnectManager.requestCheckPlayerLogin(
 			maestroName,
 			sessionStorageManager.playerName,
 			enterCode,
-			self.loginSucceeded,
+			(function(jsonData) {
-			self.loginFailed
+				this.loginSucceeded(jsonData);
+			}).bind(this),
+			(function(jsonData) {
+				this.loginFailed(jsonData);
+			}).bind(this)
 		);
 	}
 
@@ -131,7 +137,7 @@ class Login {
 		console.log('login failed, jsonData : ' + JSON.stringify(jsonData));
 
 		if(jsonData["error"] !== null) {
-			self.infoText.text = jsonData["error"];
+			this.infoText.text = jsonData["error"];
 		}
 	}
 

src/game/menu/app_area_bg.js

@@ -1,12 +1,10 @@
-class AppAreaBG {
+function AppAreaBG(color, alpha, x, y, width, height) {
-
-	constructor(color, alpha, x, y, width, height) {
 	game.add.graphics()
 		.beginFill(color, alpha)
 		.drawRect(x, y, width, height);
 }
 
-	printText(text, x, y, size, color, alpha) {
+AppAreaBG.prototype.printText = function(text, x, y, size, color, alpha) {
 	let fontStyle = { font: "36px Arial", fill: "#fff", align: "left", boundsAlignH: "left", boundsAlignV: "bottom" };
 	let titleText = game.add.text(x, y, text, fontStyle);
 	titleText.anchor.set(0.5);
@@ -15,8 +13,6 @@ class AppAreaBG {
 	titleText.alpha = alpha;
 }
 
-};
-
 AppAreaBG.COLOR_MOUSE_APP		= 0xffce54;
 AppAreaBG.COLOR_TYPING_APP		= 0x99ccff;
 

src/game/menu/menu_app.js

@@ -1,18 +1,15 @@
-/////////////////////////////
+var MenuApp = {
-// MenuApp
 
-class MenuApp {
+	preload: function() {
-
-	preload() {
 		game.load.image('icon_fullscreen', '../../../resources/image/icon/fullscreen_white.png');
-	}
+	},
 
-	create() {
+	create: function() {
-		self = this;
+		game.stage.backgroundColor = '#4d4d4d';
-		this.game.stage.backgroundColor = '#4d4d4d';
 
 		// mouse app area
-		let mouseBG = new AppAreaBG(AppAreaBG.COLOR_MOUSE_APP, 1,
+		var mouseBG = new AppAreaBG(
+			AppAreaBG.COLOR_MOUSE_APP, 1,
 			0, 60,
 			GAME_SCREEN_SIZE.x, 280
 		);
@@ -23,7 +20,8 @@ class MenuApp {
 		);
 
 		// typing app area
-		let typingBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_APP, 1,
+		var typingBG = new AppAreaBG(
+			AppAreaBG.COLOR_TYPING_APP, 1,
 			0, 340,
 			GAME_SCREEN_SIZE.x, 378
 		);
@@ -35,7 +33,7 @@ class MenuApp {
 
 
 		// top ui
-		let screenTopUI = new ScreenTopUI();
+		var screenTopUI = new ScreenTopUI();
 		screenTopUI.makeBackButton( function() {
 			sessionStorageManager.clear();
 			location.href = '../../web/client/login.html';
@@ -44,9 +42,9 @@ class MenuApp {
 
 
 		// bottom ui
-		let screenBottomUI = new ScreenBottomUI();
+		var screenBottomUI = new ScreenBottomUI();
 		// ScreenBottomUI.printLeftText("게임 진행 정보");
-		// let playingAppName = appInfoManager.getAppNameKorean(sessionStorageManager.playingAppName);
+		// var playingAppName = appInfoManager.getAppNameKorean(sessionStorageManager.playingAppName);
 		// ScreenBottomUI.printCenterText(playingAppName);
 		screenBottomUI.printCenterText("메뉴");
 		screenBottomUI.printRightText(sessionStorageManager.playerName);
@@ -55,83 +53,87 @@ class MenuApp {
 
 
 		this.loadAppData();
-	}
+	},
 
 
-	loadAppData() {
+
-		let dbConnectManager = new DBConnectManager();
+	loadAppData: function() {
+		var dbConnectManager = new DBConnectManager();
 		dbConnectManager.requestMenuAppList(
 			sessionStorageManager.maestroID,
-			self.loadSucceeded,
+			(function(replyJSON) {
-			self.loadFailed
+				this.loadSucceeded(replyJSON);
+			}).bind(this),
+			(function(replyJSON) {
+				this.loadFailed(replyJSON);
+			}).bind(this)
 		);
-	}
+	},
 
-	loadSucceeded(replyJSON) {
+	loadSucceeded: function(replyJSON) {
 		// console.log(replyJSON);
 
-		self.makeMouseAppButtons(
+		this.makeMouseAppButtons(
 			replyJSON.MouseAppList,
 			replyJSON.MouseActiveAppList
 		);
-		self.makeTypingButtons(
+		this.makeTypingButtons(
 			replyJSON.TypingPracticeAppCount,
 			replyJSON.TypingTestAppCount,
 			replyJSON.TypingAppList,
 			replyJSON.TypingActiveAppList
 		);
-	}
+	},
 
-	hasApp(appID, appList) {
+	hasApp: function(appID, appList) {
-		for(let i = 0; i < appList.length; i++) {
+		for(var i = 0; i < appList.length; i++) {
 			if(appList[i].AppID === appID)
 				return true;
 		}
 
 		return false;
-	}
+	},
 
-	makeMouseAppButtons(appList, activeAppList) {
+	makeMouseAppButtons: function(appList, activeAppList) {
 		// console.log(appList);
 
-		let mouseAppCount = Object.keys(appList).length;
+		var mouseAppCount = Object.keys(appList).length;
 
-		for(let i = 0; i < mouseAppCount; i++) {
+		for(var i = 0; i < mouseAppCount; i++) {
-			let posX = self.getButtonPosX(i, mouseAppCount);
+			var posX = this.getButtonPosX(i, mouseAppCount);
-			let posY = self.getButtonPosY(i, mouseAppCount, GameAppButton.BUTTON_UPPER_POS_Y);
+			var posY = this.getButtonPosY(i, mouseAppCount, GameAppButton.BUTTON_UPPER_POS_Y);
 
-			let app = appList[i];
+			var app = appList[i];
-			let gameAppButton = new GameAppButton(
+			var gameAppButton = new GameAppButton(
-				posX, posY, GameAppButton.TYPE_MOUSE_APP,
+				posX, posY,
-				RoundRectButton.NONE_ICON,	// "icon_fullscreen",
+				GameAppButton.TYPE_MOUSE_APP,
-				app.KoreanName,
+				RoundRectButton.NONE_ICON,	app.KoreanName,
-				(function() {
+				{
-					sessionStorageManager.playingAppID = app.AppID;
+					AppID: app.AppID,
-					sessionStorageManager.playingAppName = app.AppName;
+					AppName: app.AppName,
-					sessionStorageManager.playingAppKoreanName = app.KoreanName;
+					KoreanName: app.KoreanName
-					location.href = '../../web/client/start.html';
+				}
-				})
 			);
 
-			if(!self.hasApp(app.AppID, activeAppList))
+			if(!this.hasApp(app.AppID, activeAppList))
-				gameAppButton.inputEnabled = false;
+				gameAppButton.setInputEnabled(false);
-		}
 		}
+	},
 
-	makeTypingButtons(typingPracticeAppCount, typingTestAppCount, appList, activeAppList) {
+	makeTypingButtons: function(typingPracticeAppCount, typingTestAppCount, appList, activeAppList) {
 		// console.log(typingPracticeAppCount);
 		// console.log(typingTestAppCount);
 		// console.log(appList);
 
-		let isTypingPracticeAppExist = typingPracticeAppCount > 0 ? true : false;
+		var isTypingPracticeAppExist = typingPracticeAppCount > 0 ? true : false;
-		let isTypingTestAppExist = typingTestAppCount > 0 ? true : false;
+		var isTypingTestAppExist = typingTestAppCount > 0 ? true : false;
 
-		let typingAppTotalCount = Object.keys(appList).length;
+		var typingAppTotalCount = Object.keys(appList).length;
-		let typingAppIndex = 0;
+		var typingAppIndex = 0;
 
 
 		// typing tab buttons
-		let typingPracticeTabButton = new TypingTabButton(
+		var typingPracticeTabButton = new TypingTabButton(
 			TypingTabButton.PRACTICE_BUTTON_POS_X, TypingTabButton.BUTTON_POS_Y,
 			"", "타자 연습",
 			(function() {
@@ -139,9 +141,9 @@ class MenuApp {
 			})
 		);
 		if(typingPracticeAppCount === 0)
-			typingPracticeTabButton.inputEnabled = false;
+			typingPracticeTabButton.setInputEnabled(false);
 
-		let typingTestTabButton = new TypingTabButton(
+		var typingTestTabButton = new TypingTabButton(
 			TypingTabButton.TEST_BUTTON_POS_X, TypingTabButton.BUTTON_POS_Y,
 			"", "타자 시험",
 			(function() {
@@ -149,81 +151,79 @@ class MenuApp {
 			})
 		);
 		if(typingTestAppCount === 0)
-			typingTestTabButton.inputEnabled = false;
+			typingTestTabButton.setInputEnabled(false);
 
 
 		// typing app buttons
-		for(let typingButtonIndex = 0; typingButtonIndex < typingAppTotalCount; typingButtonIndex++) {
+		for(var typingButtonIndex = 0; typingButtonIndex < typingAppTotalCount; typingButtonIndex++) {
 
-			let posX = self.getButtonPosX(
+			var posX = this.getButtonPosX(
 				typingButtonIndex, typingAppTotalCount
 			);
-			let posY = self.getButtonPosY(
+			var posY = this.getButtonPosY(
 				typingButtonIndex, typingAppTotalCount, GameAppButton.BUTTON_LOWER_POS_Y
 			);
 
-			let app = appList[typingAppIndex];
+			var app = appList[typingAppIndex];
-			let isKoreanTypingApp = app.AppID < 32 ? true : false;
+			var isKoreanTypingApp = app.AppID < 32 ? true : false;
 
-			let gameAppButton = new GameAppButton(
+			var gameAppButton = new GameAppButton(
 				posX, posY, GameAppButton.TYPE_TYPING_APP,
 				RoundRectButton.NONE_ICON,	// "icon_fullscreen",
 				// (isKoreanTypingApp ? "(한글)" : "(영문)") + "\n" + app.KoreanName,
 				app.KoreanName,
-				(function() {
+				{
-					sessionStorageManager.playingAppID = app.AppID;
+					AppID: app.AppID,
-					sessionStorageManager.playingAppName = app.AppName;
+					AppName: app.AppName,
-					sessionStorageManager.playingAppKoreanName = app.KoreanName;
+					KoreanName: app.KoreanName
-					location.href = '../../web/client/start.html';
+				}
-				})
 			);
 
-			if(!self.hasApp(app.AppID, activeAppList))
+			if(!this.hasApp(app.AppID, activeAppList))
-				gameAppButton.inputEnabled = false;
+				gameAppButton.setInputEnabled(false);
 
 			typingAppIndex++;
 		}
-	}
+	},
 
-	getButtonPosX(index, buttonCount) {
+	getButtonPosX: function(index, buttonCount) {
-		let gap = GameAppButton.BUTTON_WIDTH + GameAppButton.BUTTON_GAP;
+		var gap = GameAppButton.BUTTON_WIDTH + GameAppButton.BUTTON_GAP;
-		let maxColumnNum = Math.floor( (game.world.width - GameAppButton.MARGIN_VERTICAL) / gap );
+		var maxColumnNum = Math.floor( (game.world.width - GameAppButton.MARGIN_VERTICAL) / gap );
 		// console.log("maxColumnNum : " + maxColumnNum);
-		let rowCount = Math.ceil(buttonCount / maxColumnNum);
+		var rowCount = Math.ceil(buttonCount / maxColumnNum);
 		// console.log("rowCount : " + rowCount);
 
-		let columnIndex = index % maxColumnNum;
+		var columnIndex = index % maxColumnNum;
 		// console.log("columnIndex : " + columnIndex);
-		let rowIndex = Math.floor(index / maxColumnNum);
+		var rowIndex = Math.floor(index / maxColumnNum);
 		// console.log("rowIndex : " + rowIndex);
 
-		let columnCountForThisRow = 0;
+		var columnCountForThisRow = 0;
 		if(rowIndex < rowCount - 1)
 			columnCountForThisRow = maxColumnNum;
 		else
 			columnCountForThisRow = buttonCount - (maxColumnNum * rowIndex);
 		// console.log("columnCountForThisRow : " + columnCountForThisRow);
 
-		let startX = game.world.width / 2 - ( (gap / 2) * (columnCountForThisRow - 1) );
+		var startX = game.world.width / 2 - ( (gap / 2) * (columnCountForThisRow - 1) );
 		return startX + gap * columnIndex;
-	}
+	},
 
-	getButtonPosY(index, buttonCount, startPosY) {
+	getButtonPosY: function(index, buttonCount, startPosY) {
-		let gap = GameAppButton.BUTTON_HEIGHT + GameAppButton.BUTTON_GAP;
+		var gap = GameAppButton.BUTTON_HEIGHT + GameAppButton.BUTTON_GAP;
-		let maxColumnNum = Math.floor( (game.world.width - GameAppButton.MARGIN_VERTICAL) / gap );
+		var maxColumnNum = Math.floor( (game.world.width - GameAppButton.MARGIN_VERTICAL) / gap );
 		// console.log("maxColumnNum : " + maxColumnNum);
-		let rowCount = Math.ceil(buttonCount / maxColumnNum);
+		var rowCount = Math.ceil(buttonCount / maxColumnNum);
 		// console.log("rowCount : " + rowCount);
 
-		let rowIndex = Math.floor(index / maxColumnNum);
+		var rowIndex = Math.floor(index / maxColumnNum);
 		// console.log("rowIndex : " + rowIndex);
 
-		let startY = startPosY - ( (gap / 2) * (rowCount - 1) );
+		var startY = startPosY - ( (gap / 2) * (rowCount - 1) );
 		return startY + gap * rowIndex;
-	}
+	},
 
-	loadFailed(replyJSON) {
+	loadFailed: function(replyJSON) {
 		// console.log('login failed, jsonData : ' + JSON.stringify(replyJSON));
 	}
-
 }

src/game/menu/menu_typing_practice.js

@@ -1,27 +1,22 @@
-/////////////////////////////
+var MenuTypingPractice = {
-// MenuTypingPractice
-
-class MenuTypingPractice {
-
 	preload() {
 		game.load.image('icon_fullscreen', '../../../resources/image/icon/fullscreen_white.png');
 		game.load.image('space_invaders', '../../../resources/image/icon/space_invaders.png');
 
 		Animal.loadResources();
-	}
+	},
 
 	create() {
-		self = this;
+		game.stage.backgroundColor = '#4d4d4d';
-		this.game.stage.backgroundColor = '#4d4d4d';
 
 		// typing app area
-		let typingBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_APP, 1,
+		var typingBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_APP, 1,
 			0, 60,
 			GAME_SCREEN_SIZE.x, GAME_SCREEN_SIZE.y - 110
 		);
 
 		// korean app area
-		// let koreanBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_KOREAN, 1,
+		// var koreanBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_KOREAN, 1,
 		// 	AppAreaBG.MARGIN_X, 60 + AppAreaBG.GAP_Y,
 		// 	GAME_SCREEN_SIZE.x - AppAreaBG.MARGIN_X * 2, 270
 		// );
@@ -32,7 +27,7 @@ class MenuTypingPractice {
 		// );
 
 		// english app area
-		// let englishBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_ENGLISH, 1,
+		// var englishBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_ENGLISH, 1,
 		// 	AppAreaBG.MARGIN_X, 340,
 		// 	GAME_SCREEN_SIZE.x - AppAreaBG.MARGIN_X * 2, 270
 		// );
@@ -44,7 +39,7 @@ class MenuTypingPractice {
 
 
 		// top ui
-		let screenTopUI = new ScreenTopUI();
+		var screenTopUI = new ScreenTopUI();
 		screenTopUI.makeBackButton( function() {
 			location.href = '../../web/client/menu_app.html';
 		});
@@ -52,178 +47,179 @@ class MenuTypingPractice {
 
 
 		// typing tab buttons
-		let typingPracticeTabButton = new TypingTabButton(
+		var typingPracticeTabButton = new TypingTabButton(
 			TypingTabButton.PRACTICE_BUTTON_POS_X, TypingTabButton.BUTTON_POS_Y,
 			"", "타자 연습",
 			(function() {
 				location.href = '../../web/client/menu_typing_practice.html';
 			})
 		);
-		typingPracticeTabButton.inputEnabled = false;
+		typingPracticeTabButton.setInputEnabled(false);
 
-		let typingTestTabButton = new TypingTabButton(
+		var typingTestTabButton = new TypingTabButton(
 			TypingTabButton.TEST_BUTTON_POS_X, TypingTabButton.BUTTON_POS_Y,
 			"", "타자 시험",
 			(function() {
 				location.href = '../../web/client/menu_typing_test.html';
 			})
 		);
-		// typingTestTabButton.inputEnabled = false;
+		// typingTestTabButton.setInputEnabled(false);
 
 		// bottom ui
-		let screenBottomUI = new ScreenBottomUI();
+		var screenBottomUI = new ScreenBottomUI();
 		// screenBottomUI.printLeftText("게임 진행 정보");
 		screenBottomUI.printCenterText("메뉴 > 타자 연습");
 		screenBottomUI.printRightText(sessionStorageManager.playerName);
 
 
 		this.makeActiveTypingPracticeAppButtons();
-	}
+	},
 
 
-	makeActiveTypingPracticeAppButtons() {
+	makeActiveTypingPracticeAppButtons: function() {
-		let dbConnectManager = new DBConnectManager();
+		var dbConnectManager = new DBConnectManager();
 		dbConnectManager.requestTypingPracticeAppList(
 			sessionStorageManager.maestroID,
 			sessionStorageManager.playerID,
-			self.downloadListSucceeded,
+			(function(replyJSON) {
-			self.downloadListFailed
+				this.downloadListSucceeded(replyJSON);
+			}).bind(this),
+			(function(replyJSON) {
+				this.downloadListFailed(replyJSON);
+			}).bind(this)
 		);
 
-	}
+	},
 
-	hasApp(appID, appList) {
+	hasApp: function(appID, appList) {
-		for(let i = 0; i < appList.length; i++) {
+		for(var i = 0; i < appList.length; i++) {
 			if(appList[i].AppID === appID)
 				return true;
 		}
 
 		return false;
-	}
+	},
 
-	getBestRecord(jsonList, appID) {
+	getBestRecord: function(jsonList, appID) {
-		let count = Object.keys(jsonList).length;
+		var count = Object.keys(jsonList).length;
 
-		for(let i = 0; i < count; i++) {
+		for(var i = 0; i < count; i++) {
 			if(jsonList[i].AppID === appID)
 				return jsonList[i].BestRecord;
 		}
 
 		return 0;
-	}
+	},
 
-	getIconImage(jsonList, appID) {
+	getIconImage: function(jsonList, appID) {
-		let bestRecord = this.getBestRecord(jsonList, appID);
+		var bestRecord = this.getBestRecord(jsonList, appID);
 
 		if(bestRecord === 0)
 			return "snail_shadow";
 
-		let animalLevel = Animal.animalLevelIDByRecord(bestRecord, Animal.TYPE_PRACTICE);
+		var animalLevel = Animal.animalLevelIDByRecord(bestRecord, Animal.TYPE_PRACTICE);
 		return Animal.SPECIES_DATA[animalLevel].species + Animal.SPRITE_NAMES.icon;
-	}
+	},
 
-	downloadListSucceeded(replyJSON) {
+	downloadListSucceeded: function(replyJSON) {
 		// console.log(replyJSON);
 
-		let buttonWidthGap = TypingAppButton.BUTTON_WIDTH + MenuTypingPractice.BUTTON_GAP;
+		var buttonWidthGap = TypingAppButton.BUTTON_WIDTH + MenuTypingPractice.BUTTON_GAP;
 
-		let koreanTypingPracticeAppCount = Object.keys(replyJSON.KoreanAppList).length;
+		var koreanTypingPracticeAppCount = Object.keys(replyJSON.KoreanAppList).length;
-		let englishTypingPracticeAppCount = Object.keys(replyJSON.EnglishAppList).length;
+		var englishTypingPracticeAppCount = Object.keys(replyJSON.EnglishAppList).length;
 
-		for(let i = 0; i < koreanTypingPracticeAppCount; i++) {
+		for(var i = 0; i < koreanTypingPracticeAppCount; i++) {
-			let activeApp = replyJSON.KoreanAppList[i];
+			var activeApp = replyJSON.KoreanAppList[i];
 
-			let posX = self.getButtonPosX(i, koreanTypingPracticeAppCount);
+			var posX = this.getButtonPosX(i, koreanTypingPracticeAppCount);
-			let posY = self.getButtonPosY(i, koreanTypingPracticeAppCount,
+			var posY = this.getButtonPosY(i, koreanTypingPracticeAppCount,
 				TypingAppButton.BUTTON_UPPER_POS_Y
 			);
 
-			let typingPracticeButton = new TypingAppButton(
+			var typingPracticeButton = new TypingAppButton(
 				TypingAppButton.TYPE_PRACTICE_KOREAN,
 				posX, posY,
-				self.getIconImage(replyJSON.KoreanHighScoreList, activeApp.AppID),
+				this.getIconImage(replyJSON.KoreanHighScoreList, activeApp.AppID),
 				activeApp.KoreanName,
-				(function() {
+				{
-					sessionStorageManager.playingAppID = activeApp.AppID;
+					AppID: activeApp.AppID,
-					sessionStorageManager.playingAppName = activeApp.AppName;
+					AppName: activeApp.AppName,
-					sessionStorageManager.playingAppKoreanName = activeApp.KoreanName;
+					KoreanName: activeApp.KoreanName
-					location.href = '../../web/client/start.html';
+				}
-				})
 			);
 
-			if(!self.hasApp(activeApp.AppID, replyJSON.KoreanActiveAppList))
+			if(!this.hasApp(activeApp.AppID, replyJSON.KoreanActiveAppList))
-				typingPracticeButton.inputEnabled = false;
+				typingPracticeButton.setInputEnabled(false);
 		}
 
-		for(let i = 0; i < englishTypingPracticeAppCount; i++) {
+		for(var i = 0; i < englishTypingPracticeAppCount; i++) {
-			let activeApp = replyJSON.EnglishAppList[i];
+			var activeApp = replyJSON.EnglishAppList[i];
 
-			let posX = self.getButtonPosX(i, englishTypingPracticeAppCount);
+			var posX = this.getButtonPosX(i, englishTypingPracticeAppCount);
-			let posY = self.getButtonPosY(i, englishTypingPracticeAppCount,
+			var posY = this.getButtonPosY(i, englishTypingPracticeAppCount,
 				TypingAppButton.BUTTON_LOWER_POS_Y
 			);
 
-			let typingPracticeButton = new TypingAppButton(
+			var typingPracticeButton = new TypingAppButton(
 				TypingAppButton.TYPE_PRACTICE_ENGLISH,
 				posX, posY,
-				self.getIconImage(activeApp.AppID),
+				this.getIconImage(activeApp.AppID),
 				activeApp.KoreanName,
-				(function() {
+				{
-					sessionStorageManager.playingAppID = activeApp.AppID;
+					AppID: activeApp.AppID,
-					sessionStorageManager.playingAppName = activeApp.AppName;
+					AppName: activeApp.AppName,
-					sessionStorageManager.playingAppKoreanName = activeApp.KoreanName;
+					KoreanName: activeApp.KoreanName
-					location.href = '../../web/client/start.html';
+				}
-				})
 			);
 
-			if(!self.hasApp(activeApp.AppID, replyJSON.EnglishActiveAppList))
+			if(!this.hasApp(activeApp.AppID, replyJSON.EnglishActiveAppList))
-				typingPracticeButton.inputEnabled = false;
+				typingPracticeButton.setInputEnabled(false);
-		}
 		}
+	},
 
-	getButtonPosX(index, buttonCount) {
+	getButtonPosX: function(index, buttonCount) {
-		let gap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
+		var gap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
-		let maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / gap );
+		var maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / gap );
 		// console.log("maxColumnNum : " + maxColumnNum);
-		let rowCount = Math.ceil(buttonCount / maxColumnNum);
+		var rowCount = Math.ceil(buttonCount / maxColumnNum);
 		// console.log("rowCount : " + rowCount);
 
-		let columnIndex = index % maxColumnNum;
+		var columnIndex = index % maxColumnNum;
 		// console.log("columnIndex : " + columnIndex);
-		let rowIndex = Math.floor(index / maxColumnNum);
+		var rowIndex = Math.floor(index / maxColumnNum);
 		// console.log("rowIndex : " + rowIndex);
 
-		let columnCountForThisRow = 0;
+		var columnCountForThisRow = 0;
 		if(rowIndex < rowCount - 1)
 			columnCountForThisRow = maxColumnNum;
 		else
 			columnCountForThisRow = buttonCount - (maxColumnNum * rowIndex);
 		// console.log("columnCountForThisRow : " + columnCountForThisRow);
 
-		let startX = game.world.width / 2 - ( (gap / 2) * (columnCountForThisRow - 1) );
+		var startX = game.world.width / 2 - ( (gap / 2) * (columnCountForThisRow - 1) );
 		return startX + gap * columnIndex;
-	}
+	},
 
-	getButtonPosY(index, buttonCount, startPosY) {
+	getButtonPosY: function(index, buttonCount, startPosY) {
-		let rowGap = TypingAppButton.BUTTON_HEIGHT + TypingAppButton.BUTTON_GAP;
+		var rowGap = TypingAppButton.BUTTON_HEIGHT + TypingAppButton.BUTTON_GAP;
 
-		let columnGap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
+		var columnGap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
-		let maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / columnGap );
+		var maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / columnGap );
 		// console.log("maxColumnNum : " + maxColumnNum);
 		// console.log("buttonCount : " + buttonCount);
-		let rowCount = Math.ceil(buttonCount / maxColumnNum);
+		var rowCount = Math.ceil(buttonCount / maxColumnNum);
 		// console.log("rowCount : " + rowCount);
 
-		let rowIndex = Math.floor(index / maxColumnNum);
+		var rowIndex = Math.floor(index / maxColumnNum);
 		// console.log("rowIndex : " + rowIndex);
 
-		let startY = startPosY - ( (rowGap / 2) * (rowCount - 1) );
+		var startY = startPosY - ( (rowGap / 2) * (rowCount - 1) );
 		return startY + rowGap * rowIndex;
-	}
+	},
 
 
-	downloadListFailed(replyJSON) {
+	downloadListFailed: function(replyJSON) {
 		console.log('download app list failed, jsonData : ' + JSON.stringify(replyJSON));
 	}
-
 }

src/game/menu/menu_typing_test.js

@@ -1,27 +1,22 @@
-/////////////////////////////
+var MenuTypingTest = {
-// MenuTypingTest
-
-class MenuTypingTest {
-
 	preload() {
 		game.load.image('icon_fullscreen', '../../../resources/image/icon/fullscreen_white.png');
 		game.load.image('space_invaders', '../../../resources/image/icon/space_invaders.png');
 
 		Animal.loadResources();
-	}
+	},
 
 	create() {
-		self = this;
+		game.stage.backgroundColor = '#4d4d4d';
-		this.game.stage.backgroundColor = '#4d4d4d';
 
 		// typing app area
-		let typingBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_APP, 1,
+		var typingBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_APP, 1,
 			0, 60,
 			GAME_SCREEN_SIZE.x, GAME_SCREEN_SIZE.y - 110
 		);
 
 		// korean app area
-		// let koreanBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_KOREAN, 1,
+		// var koreanBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_KOREAN, 1,
 		// 	0, 60 + AppAreaBG.GAP_Y,
 		// 	GAME_SCREEN_SIZE.x, 270
 		// );
@@ -32,7 +27,7 @@ class MenuTypingTest {
 		// );
 
 		// english app area
-		// let englishBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_ENGLISH, 1,
+		// var englishBG = new AppAreaBG(AppAreaBG.COLOR_TYPING_ENGLISH, 1,
 		// 	0, 340,
 		// 	GAME_SCREEN_SIZE.x, 270
 		// );
@@ -44,7 +39,7 @@ class MenuTypingTest {
 
 
 		// top ui
-		let screenTopUI = new ScreenTopUI();
+		var screenTopUI = new ScreenTopUI();
 		screenTopUI.makeBackButton( function() {
 			location.href = '../../web/client/menu_app.html';
 		});
@@ -52,177 +47,181 @@ class MenuTypingTest {
 
 
 		// typing tab buttons
-		let typingPracticeTabButton = new TypingTabButton(
+		var typingPracticeTabButton = new TypingTabButton(
 			TypingTabButton.PRACTICE_BUTTON_POS_X, TypingTabButton.BUTTON_POS_Y,
 			"", "타자 연습",
 			(function() {
 				location.href = '../../web/client/menu_typing_practice.html';
 			})
 		);
-		// typingPracticeTabButton.inputEnabled = false;
+		// typingPracticeTabButton.setInputEnabled(false);
 
-		let typingTestTabButton = new TypingTabButton(
+		var typingTestTabButton = new TypingTabButton(
 			TypingTabButton.TEST_BUTTON_POS_X, TypingTabButton.BUTTON_POS_Y,
 			"", "타자 시험",
 			(function() {
 				location.href = '../../web/client/menu_typing_test.html';
 			})
 		);
-		typingTestTabButton.inputEnabled = false;
+		typingTestTabButton.setInputEnabled(false);
 
 		this.makeActiveTypingTestAppButtons();
 
 
 		// bottom ui
-		let screenBottomUI = new ScreenBottomUI();
+		var screenBottomUI = new ScreenBottomUI();
 		// screenBottomUI.printLeftText("게임 진행 정보");
 		screenBottomUI.printCenterText("메뉴 > 타자 시험");
 		screenBottomUI.printRightText(sessionStorageManager.playerName);
-	}
+	},
 
 
-	makeActiveTypingTestAppButtons() {
+	makeActiveTypingTestAppButtons: function() {
-		let dbConnectManager = new DBConnectManager();
+		var dbConnectManager = new DBConnectManager();
 		dbConnectManager.requestTypingTestAppList(
 			sessionStorageManager.maestroID,
 			sessionStorageManager.playerID,
-			self.downloadListSucceeded,
+			// self.downloadListSucceeded,
-			self.downloadListFailed
+			// self.downloadListFailed
+			(function(replyJSON) {
+				this.downloadListSucceeded(replyJSON);
+			}).bind(this),
+			(function(replyJSON) {
+				this.downloadListFailed(replyJSON);
+			}).bind(this)
 		);
 
-	}
+	},
 
-	hasApp(appID, appList) {
+	hasApp: function(appID, appList) {
-		for(let i = 0; i < appList.length; i++) {
+		for(var i = 0; i < appList.length; i++) {
 			if(appList[i].AppID === appID)
 				return true;
 		}
 
 		return false;
-	}
+	},
 
-	getBestRecord(jsonList, appID) {
+	getBestRecord: function(jsonList, appID) {
-		let count = Object.keys(jsonList).length;
+		var count = Object.keys(jsonList).length;
 
-		for(let i = 0; i < count; i++) {
+		for(var i = 0; i < count; i++) {
 			if(jsonList[i].AppID === appID)
 				return jsonList[i].BestRecord;
 		}
 
 		return 0;
-	}
+	},
 
-	getIconImage(jsonList, appID) {
+	getIconImage: function(jsonList, appID) {
-		let bestRecord = this.getBestRecord(jsonList, appID);
+		var bestRecord = this.getBestRecord(jsonList, appID);
 
 		if(bestRecord === 0)
 			return "snail_shadow";
 
-		let animalLevel = Animal.animalLevelIDByRecord(bestRecord, Animal.TYPE_TEST);
+		var animalLevel = Animal.animalLevelIDByRecord(bestRecord, Animal.TYPE_TEST);
 		return Animal.SPECIES_DATA[animalLevel].species + Animal.SPRITE_NAMES.icon;
-	}
+	},
 
-	downloadListSucceeded(replyJSON) {
+	downloadListSucceeded: function(replyJSON) {
 		// console.log(replyJSON);
 
-		let buttonWidthGap = TypingAppButton.BUTTON_WIDTH + MenuTypingTest.BUTTON_GAP;
+		var buttonWidthGap = TypingAppButton.BUTTON_WIDTH + MenuTypingTest.BUTTON_GAP;
 
-		let koreanTypingPracticeAppCount = Object.keys(replyJSON.KoreanAppList).length;
+		var koreanTypingPracticeAppCount = Object.keys(replyJSON.KoreanAppList).length;
-		let englishTypingPracticeAppCount = Object.keys(replyJSON.EnglishAppList).length;
+		var englishTypingPracticeAppCount = Object.keys(replyJSON.EnglishAppList).length;
 
-		for(let i = 0; i < koreanTypingPracticeAppCount; i++) {
+		for(var i = 0; i < koreanTypingPracticeAppCount; i++) {
-			let activeApp = replyJSON.KoreanAppList[i];
+			var activeApp = replyJSON.KoreanAppList[i];
 
-			let posX = self.getButtonPosX(i, koreanTypingPracticeAppCount);
+			var posX = this.getButtonPosX(i, koreanTypingPracticeAppCount);
-			let posY = self.getButtonPosY(i, koreanTypingPracticeAppCount,
+			var posY = this.getButtonPosY(i, koreanTypingPracticeAppCount,
 				TypingAppButton.BUTTON_UPPER_POS_Y
 			);
 
-			let typingTestButton = new TypingAppButton(
+			var typingTestButton = new TypingAppButton(
 				TypingAppButton.TYPE_TEST_KOREAN,
 				posX, posY,
-				self.getIconImage(replyJSON.KoreanHighScoreList, activeApp.AppID),
+				this.getIconImage(replyJSON.KoreanHighScoreList, activeApp.AppID),
 				activeApp.KoreanName,
-				(function() {
+				{
-					sessionStorageManager.playingAppID = activeApp.AppID;
+					AppID: activeApp.AppID,
-					sessionStorageManager.playingAppName = activeApp.AppName;
+					AppName: activeApp.AppName,
-					sessionStorageManager.playingAppKoreanName = activeApp.KoreanName;
+					KoreanName: activeApp.KoreanName
-					location.href = '../../web/client/start.html';
+				}
-				})
 			);
 
-			if(!self.hasApp(activeApp.AppID, replyJSON.KoreanActiveAppList))
+			if(!this.hasApp(activeApp.AppID, replyJSON.KoreanActiveAppList))
-				typingTestButton.inputEnabled = false;
+				typingTestButton.setInputEnabled(false);
 		}
 
-		for(let i = 0; i < englishTypingPracticeAppCount; i++) {
+		for(var i = 0; i < englishTypingPracticeAppCount; i++) {
-			let activeApp = replyJSON.EnglishAppList[i];
+			var activeApp = replyJSON.EnglishAppList[i];
 
-			let posX = self.getButtonPosX(i, englishTypingPracticeAppCount);
+			var posX = this.getButtonPosX(i, englishTypingPracticeAppCount);
-			let posY = self.getButtonPosY(i, englishTypingPracticeAppCount,
+			var posY = this.getButtonPosY(i, englishTypingPracticeAppCount,
 				TypingAppButton.BUTTON_LOWER_POS_Y
 			);
 
-			let typingTestButton = new TypingAppButton(
+			var typingTestButton = new TypingAppButton(
 				TypingAppButton.TYPE_TEST_ENGLISH,
 				posX, posY,
-				self.getIconImage(replyJSON.KoreanHighScoreList, activeApp.AppID),
+				this.getIconImage(replyJSON.KoreanHighScoreList, activeApp.AppID),
 				activeApp.KoreanName,
-				(function() {
+				{
-					sessionStorageManager.playingAppID = activeApp.AppID;
+					AppID: activeApp.AppID,
-					sessionStorageManager.playingAppName = activeApp.AppName;
+					AppName: activeApp.AppName,
-					sessionStorageManager.playingAppKoreanName = activeApp.KoreanName;
+					KoreanName: activeApp.KoreanName
-					location.href = '../../web/client/start.html';
+				}
-				})
 			);
 
-			if(!self.hasApp(activeApp.AppID, replyJSON.EnglishActiveAppList))
+			if(!this.hasApp(activeApp.AppID, replyJSON.EnglishActiveAppList))
-				typingTestButton.inputEnabled = false;
+				typingTestButton.setInputEnabled(false);
-		}
 		}
+	},
 
-	getButtonPosX(index, buttonCount) {
+	getButtonPosX: function(index, buttonCount) {
-		let gap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
+		var gap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
-		let maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / gap );
+		var maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / gap );
 		// console.log("maxColumnNum : " + maxColumnNum);
-		let rowCount = Math.ceil(buttonCount / maxColumnNum);
+		var rowCount = Math.ceil(buttonCount / maxColumnNum);
 		// console.log("rowCount : " + rowCount);
 
-		let columnIndex = index % maxColumnNum;
+		var columnIndex = index % maxColumnNum;
 		// console.log("columnIndex : " + columnIndex);
-		let rowIndex = Math.floor(index / maxColumnNum);
+		var rowIndex = Math.floor(index / maxColumnNum);
 		// console.log("rowIndex : " + rowIndex);
 
-		let columnCountForThisRow = 0;
+		var columnCountForThisRow = 0;
 		if(rowIndex < rowCount - 1)
 			columnCountForThisRow = maxColumnNum;
 		else
 			columnCountForThisRow = buttonCount - (maxColumnNum * rowIndex);
 		// console.log("columnCountForThisRow : " + columnCountForThisRow);
 
-		let startX = game.world.width / 2 - ( (gap / 2) * (columnCountForThisRow - 1) );
+		var startX = game.world.width / 2 - ( (gap / 2) * (columnCountForThisRow - 1) );
 		return startX + gap * columnIndex;
-	}
+	},
 
-	getButtonPosY(index, buttonCount, startPosY) {
+	getButtonPosY: function(index, buttonCount, startPosY) {
-		let rowGap = TypingAppButton.BUTTON_HEIGHT + TypingAppButton.BUTTON_GAP;
+		var rowGap = TypingAppButton.BUTTON_HEIGHT + TypingAppButton.BUTTON_GAP;
 
-		let columnGap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
+		var columnGap = TypingAppButton.BUTTON_WIDTH + TypingAppButton.BUTTON_GAP;
-		let maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / columnGap );
+		var maxColumnNum = Math.floor( (game.world.width - TypingAppButton.MARGIN_VERTICAL) / columnGap );
 		// console.log("maxColumnNum : " + maxColumnNum);
 		// console.log("buttonCount : " + buttonCount);
-		let rowCount = Math.ceil(buttonCount / maxColumnNum);
+		var rowCount = Math.ceil(buttonCount / maxColumnNum);
 		// console.log("rowCount : " + rowCount);
 
-		let rowIndex = Math.floor(index / maxColumnNum);
+		var rowIndex = Math.floor(index / maxColumnNum);
 		// console.log("rowIndex : " + rowIndex);
 
-		let startY = startPosY - ( (rowGap / 2) * (rowCount - 1) );
+		var startY = startPosY - ( (rowGap / 2) * (rowCount - 1) );
 		return startY + rowGap * rowIndex;
-	}
+	},
 
 
-	downloadListFailed(replyJSON) {
+	downloadListFailed: function(replyJSON) {
 		console.log('download app list failed, jsonData : ' + JSON.stringify(replyJSON));
 	}
 

src/game/menu/welcome_player_text.js

@@ -1,7 +1,13 @@
-class WelcomePlayerText extends Phaser.Text {
+WelcomePlayerText.prototype = Object.create(Phaser.Text.prototype);
+WelcomePlayerText.constructor = WelcomePlayerText;
 
-	constructor(playerName) {
+function WelcomePlayerText(playerName) {
-		super(game, game.world.width / 2, game.world.height / 2 - 40, "어서오세요, " + playerName + "님", WelcomePlayerText.DEFAULT_TEXT_FONT);
+	Phaser.Text.call(
+		this, game,
+		game.world.width / 2, game.world.height / 2 - 40,
+		"어서오세요, " + playerName + "님",
+		WelcomePlayerText.DEFAULT_TEXT_FONT
+	);
 
 	this.anchor.set(0.5);
 	this.inputEnabled = false;
@@ -19,12 +25,10 @@ class WelcomePlayerText extends Phaser.Text {
 	tweenAlpha.to( { alpha: 0 }, 2000, Phaser.Easing.Back.In, true);
 
 	game.add.existing(this);
-	};
-
-	destroySelf() {
-		this.destroy();
 }
 
+WelcomePlayerText.prototype.destroySelf = function() {
+	this.destroy();
 }
 
 WelcomePlayerText.DEFAULT_TEXT_FONT = {
@@ -32,4 +36,4 @@ WelcomePlayerText.DEFAULT_TEXT_FONT = {
 	boundsAlignH: "center",		// left, center. right
 	boundsAlignV: "middle", 	// top, middle, bottom
 	fill: "#fff"
-};
+}

src/game/mouse/space_invaders/game.js

@@ -4,21 +4,19 @@
 class Game {
 
 	create() {
-		let self = this;
-
 		this.game.stage.backgroundColor = "#000000";	// '#4d4d4d';
 
 		sessionStorageManager.isNewBestRecrd = false;
 
 		// top ui
-		let screenTopUI = new ScreenTopUI();
+		var screenTopUI = new ScreenTopUI();
 		screenTopUI.makeBackButton( function() {
 			sessionStorageManager.resetPlayingAppData();
 			location.href = '../../web/client/menu_app.html';
 		});
 		screenTopUI.makeFullScreenButton();
 
-		let scoreBoard = new ScoreBoard();
+		var scoreBoard = new ScoreBoard();
 		scoreManager.addOnChangeScoreListener( function(score) {
 			sessionStorageManager.record = score;
 			scoreBoard.printScore(NumberUtil.numberWithCommas(score));
@@ -30,19 +28,19 @@ class Game {
 			screenBottomUI.printLeftTextWithBestRecord(sessionStorageManager.bestRecord);
 		});
 
-		let heartGauge = new HeartGauge(heartManager);
+		var heartGauge = new HeartGauge(heartManager);
 		heartManager.addOnChangeGameOverListener(
-			function() { self.gameOver(); }
+			(function() { this.gameOver(); }).bind(this)
 		);
 		heartGauge.start();
 
 
 		// game stage
-		let stars = game.add.group();
+		var stars = game.add.group();
 
-		for (let i = 0; i < 128; i++)
+		for (var i = 0; i < 128; i++)
 		{
-			let randomY = game.rnd.integerInRange(60, GAME_SCREEN_SIZE.y - 80);
+			var randomY = game.rnd.integerInRange(60, GAME_SCREEN_SIZE.y - 80);
 			stars.create(game.world.randomX, randomY, 'star');
 		}
 
@@ -55,13 +53,13 @@ class Game {
 
 		// contents
 		this.aliens = [];
-		for(let i = 0; i < 10; i++) {
+		for(var i = 0; i < 10; i++) {
-			let alien = new Alien(150 + 80 * i, 150,
+			var alien = new Alien(150 + 80 * i, 150,
-				(function() { self.activateNextAlien(); }),	// onGoOnstage
+				(function() { this.activateNextAlien(); }).bind(this),	// onGoOnstage
 				(function(sprite) {
-					scoreManager.plusScore(self.getScore());
+					scoreManager.plusScore(this.getScore());
-					let scoreText = new ScoreText(sprite.x, sprite.y, self.getScore());
+					var scoreText = new ScoreText(sprite.x, sprite.y, this.getScore());
-				}),		// this.onAlienFired,
+				}).bind(this),		// this.onAlienFired,
 				this.onAlienEscaped
 			);
 			alien.goWaitingRoom();
@@ -73,7 +71,7 @@ class Game {
 
 
 		// bottom ui
-		let screenBottomUI = new ScreenBottomUI();
+		var screenBottomUI = new ScreenBottomUI();
 		screenBottomUI.printLeftTextWithBestRecord(sessionStorageManager.bestRecord);
 		screenBottomUI.printCenterText(sessionStorageManager.playingAppKoreanName);
 		screenBottomUI.printRightText(sessionStorageManager.playerName);
@@ -109,7 +107,7 @@ class Game {
 		this.countDownText.text = this.countDownNumber.toString();
 		this.countDownText.alpha = 1;
 
-		let countDownTween = game.add.tween(this.countDownText);
+		var countDownTween = game.add.tween(this.countDownText);
 		countDownTween.to( { alpha: 0 }, 1000, Phaser.Easing.Linear.None, true);
 		countDownTween.onComplete.add(this.tweenCountDown, this);
 
@@ -125,7 +123,7 @@ class Game {
 	gameOver() {
 		this.alienTimer.stop();
 
-		let gameOverText = new GameOverText();
+		var gameOverText = new GameOverText();
 
 		game.time.events.add(Phaser.Timer.SECOND * 2, this.goResult, this);
 	}

src/game/start/start.js

@@ -16,7 +16,7 @@ class Start {
 
 
 		// top ui
-		let screenTopUI = new ScreenTopUI();
+		var screenTopUI = new ScreenTopUI();
 		screenTopUI.makeBackButton( function() {
 			if(isTypingPracticeStage())
 				location.href = '../../web/client/menu_typing_practice.html';
@@ -45,7 +45,7 @@ class Start {
 
 
 		// bottom ui
-		let screenBottomUI = new ScreenBottomUI();
+		var screenBottomUI = new ScreenBottomUI();
 		screenBottomUI.printLeftText("오늘의 최고 기록 : ");
 		screenBottomUI.printCenterText(sessionStorageManager.playingAppKoreanName);
 		screenBottomUI.printRightText(sessionStorageManager.playerName);
@@ -54,38 +54,34 @@ class Start {
 			sessionStorageManager.maestroID,
 			sessionStorageManager.playerID,
 			sessionStorageManager.playingAppID,
-			function(replyJSON) {
+			(function(replyJSON) {
 				sessionStorageManager.bestRecord = Number(replyJSON["BestRecord"]);
 				screenBottomUI.printLeftTextWithBestRecord(sessionStorageManager.bestRecord);
-			},
+			}).bind(this),
-			function(replyJSON) {	// no data
+			(function(replyJSON) {	// no data
 				sessionStorageManager.bestRecord = 0;
 				screenBottomUI.printLeftTextWithBestRecord(sessionStorageManager.bestRecord);
-			}
+			}).bind(this)
 		);
 	}
 
 	loadHowToPlay(appID) {
-		let self = this;
-
 		this.dbConnectManager.requestHowToPlay(
 			sessionStorageManager.playingAppID,	// space_invaders app ID
-			function(jsonData) {
+			(function(jsonData) {
-				let howToPlayText = jsonData["HowToPlay"].replace(/\\n/g, "\n");
+				var howToPlayText = jsonData["HowToPlay"].replace(/\\n/g, "\n");
-				self.howToPlay.printHowToPlay(howToPlayText);
+				this.howToPlay.printHowToPlay(howToPlayText);
-			},
+			}).bind(this),
-			function(jsonData) {
+			(function(jsonData) {
-				self.howToPlay.printHowToPlay("No data");
+				this.howToPlay.printHowToPlay("No data");
-			}
+			}).bind(this)
 		);
 
 	}
 
 	loadChart() {
-		let self = this;
+		var today = new Date();
-
+		var date = DateUtil.getYYYYMMDD(today);
-		let today = new Date();
-		let date = DateUtil.getYYYYMMDD(today);
 		this.dbConnectManager.requestPlayerHistory(
 			sessionStorageManager.maestroID,
 			date,
@@ -95,19 +91,19 @@ class Start {
 					return;
 				}
 
-				let underValue = historyRecordManager.underValueForGraph();
+				var underValue = historyRecordManager.underValueForGraph();
-				let upperValue = historyRecordManager.upperValueForGraph();
+				var upperValue = historyRecordManager.upperValueForGraph();
 
-				let minValue = underValue - (upperValue - underValue) / 10;
+				var minValue = underValue - (upperValue - underValue) / 10;
-				let maxValue = upperValue;// + (upperValue - underValue) / 10;
+				var maxValue = upperValue;// + (upperValue - underValue) / 10;
 
-				let countRecord = historyRecordManager.count;
+				var countRecord = historyRecordManager.count;
-				for(let i = 0; i < Chart.CHART_COUNT; i++) {
+				for(var i = 0; i < Chart.CHART_COUNT; i++) {
 					// if(i > 6)
 					// 	break;
 
-					let historyRecord = historyRecordManager.getAt(i);
+					var historyRecord = historyRecordManager.getAt(i);
-					self.chart.drawRecordGraph(
+					this.chart.drawRecordGraph(
 						i,
 						historyRecord === undefined ? "-" : historyRecord.date,
 						historyRecord === undefined ? "" : historyRecord.bestRecord,
@@ -115,20 +111,20 @@ class Start {
 					);
 				}
 
-				self.chart.printChartBaseLine();
+				this.chart.printChartBaseLine();
 			})
 		);
 	}
 
 	calcDate(daysBefore) {
-		let date = new Date();
+		var date = new Date();
 		date.setDate(date.getDate() - daysBefore);
 		return date;
 	}
 
 	printSampleChart() {
-		let minValue = 0;
+		var minValue = 0;
-		let maxValue = 1000;
+		var maxValue = 1000;
 		this.chart.drawRecordGraph(0, this.calcDate(1), 980, minValue, maxValue);
 		this.chart.drawRecordGraph(1, this.calcDate(2), 760, minValue, maxValue);
 		this.chart.drawRecordGraph(2, this.calcDate(5), 740, minValue, maxValue);
@@ -141,14 +137,14 @@ class Start {
 	}
 
 	makeStartButton() {
-		let setting = new RoundRectButtonSetting(game.world.centerX, game.world.centerY, 200, 100);
+		var setting = new RoundRectButtonSetting(game.world.centerX, game.world.centerY, 200, 100);
 		setting.fontStyle.fontWeight = "bold";
 
-		let startButton = new RoundRectButton(setting, RoundRectButton.NONE_ICON, "시작", this.startStage);
+		var startButton = new RoundRectButton(setting, RoundRectButton.NONE_ICON, "시작", this.startStage);
 	}
 
 	makeRankingButton() {
-		let setting = new RoundRectButtonSetting(game.world.centerX + 160, game.world.centerY, 60, 60);
+		var setting = new RoundRectButtonSetting(game.world.centerX + 160, game.world.centerY, 60, 60);
 		setting.fontStyle = {
 			font: "18px Arial",
 			boundsAlignH: "center",		// left, center. right
@@ -156,7 +152,7 @@ class Start {
 			fill: "#fff"
 		};
 
-		let rankingButton = new RoundRectButton(
+		var rankingButton = new RoundRectButton(
 			setting, RoundRectButton.NONE_ICON, "순위\n보기",
 			(function() {
 				location.href = '../../web/client/ranking.html';