Add: sessionStorage, menu_app

src/game/global/define_variables_global.js

@@ -22,7 +22,18 @@ const GAME_SCREEN_SIZE = { x: 1024, y: 768 }
 let playerName;
 let playerUserID;
 let bestRecord = 0;
-let playingStageData;
+
+{
+	playerName = sessionStorage.getItem("playerName");
+	console.log("playerName");
+	console.log(playerName);
+	playerUserID = sessionStorage.getItem("playerUserID");
+	console.log("playerUserID");
+	console.log(playerUserID);
+	bestRecord = sessionStorage.getItem("bestRecord");
+	console.log("bestRecord");
+	console.log(bestRecord);
+}
 
 let textStyleBasic = { font: "bold 32px Arial", fill: "#fff", align: "center", boundsAlignH: "center", boundsAlignV: "middle" };
 

src/game/global/loading/loading.js

@@ -12,6 +12,9 @@ var Loading = {
 
 	create: function() {
 		// console.log('Loading');
+
+		let userID = sessionStorage.getItem("UserID");
+		console.log("userID : " + userID);
 		
 		this.game.stage.backgroundColor = '#4d4d4d';
 

src/game/login/login.js

@@ -124,8 +124,13 @@ let Login = {
 	loginSucceeded: function(jsonData) {
 		playerUserID = jsonData['UserID'];
 		// console.log('playerUserID : ' + playerUserID);
+		// this.state.start('Menu');
 
-		this.state.start('Menu');
+		sessionStorage.setItem("UserID", playerUserID);
+		// let userID = sessionStorage.getItem("UserID");
+		// console.log("userID : " + userID);
+
+		location.href = '../../web/client/menu_app.html';
 	},
 
 	loginFailed: function(jsonData) {

src/game/menu/main_menu_app.js

@@ -0,0 +1,12 @@
+/////////////////////////////
+// Main game
+
+const CONTENT_ID = "Menu";
+
+var game = new Phaser.Game(
+	GAME_SCREEN_SIZE.x, GAME_SCREEN_SIZE.y,
+	Phaser.CANVAS, CONTENT_ID
+);
+
+game.state.add('MenuApp', MenuApp);
+game.state.start('MenuApp');

src/game/menu/menu_app.js

@@ -1,7 +1,7 @@
 /////////////////////////////
-// Menu
+// MenuApp
 
-var Menu = {
+var MenuApp = {
 
 	create: function() {
 		this.stageButtonArray = [];