Fix: complete implementation

src/game/license_simulator/itq/loading.js

@@ -32,12 +32,14 @@ var Loading = {
 
 		// SpriteIconTimer.loadResources();
 
-		game.load.image('windows_wallpaper', '../../../resources/image/license/itq/windows_basic_koas.png');
+		game.load.image('windows_wallpaper', '../../../resources/image/license/itq/windows_wallpaper.png');
-		game.load.image('wait_paper', '../../../resources/image/license/itq/wait_paper.png');
+		game.load.image('wait_wallpaper', '../../../resources/image/license/itq/wait_wallpaper.png');
 
 		game.load.image('pen', '../../../resources/image/license/itq/pen.png');
+		game.load.image('itq_testsheet', '../../../resources/image/license/itq/itq_testsheet.png');
 		game.load.image('itq_testsheet_id', '../../../resources/image/license/itq/itq_testsheet_id.png');
 		game.load.image('itq_testsheet_small', '../../../resources/image/license/itq/itq_testsheet_small.png');
+		game.load.image('personal_id', '../../../resources/image/license/itq/personal_id.jpg');
 
 		game.load.image('popup_check_info', '../../../resources/image/license/itq/popup_check_info.png');
 		game.load.image('popup_check_saved_file', '../../../resources/image/license/itq/popup_check_saved_file.png');

src/game/license_simulator/itq/simulator.js

@@ -2,23 +2,27 @@ var GAME_SCREEN_SIZE = { x: 1024, y: 768 };
 
 var BG_IMAGE_FILENAMES = [
 	"windows_wallpaper",
-	"wait_paper",
+	"wait_wallpaper",
 ];
 
 var POPUP_IMGE_FILENAMES = [
-	"pen",
-	"itq_testsheet_id",
-	"itq_testsheet_small",
-
-	"popup_check_info",
-	"popup_check_saved_file",
-	"popup_check_success_transfer",
-	"popup_register",
-	"popup_save_filename",
-	"popup_save_folder",
-	"popup_select_version",
 	"program_control_center_after_transfer",
 	"program_control_center",
+
+	"pen",
+	"itq_testsheet",
+	"itq_testsheet_id",
+	"itq_testsheet_small",
+	"personal_id",
+
+	"popup_check_info",
+	"popup_select_version",
+	"popup_register",
+	"popup_check_saved_file",
+	"popup_check_success_transfer",
+
+	"popup_save_filename",
+	"popup_save_folder",
 ];
 
 var BUTTON_WIDTH = 80;
@@ -59,7 +63,7 @@ var Simulator = {
 
 		// tip
 		var textStyle = { font: "bold 40px Arial", fill: "#fff", align: "center", boundsAlignH: "center", boundsAlignV: "middle" };
-		this.tipText = game.add.text(game.world.centerX, game.world.height - 200, "Tip text", textStyle);
+		this.tipText = game.add.text(game.world.centerX, game.world.height - 170, "Tip text", textStyle);
 		this.tipText.setShadow(3, 3, 'rgba(0, 0, 0, 0.5)', 2);
 		this.tipText.stroke = "#333";
 		this.tipText.strokeThickness = 5;
@@ -73,100 +77,386 @@ var Simulator = {
 
 		this.stageData = [
 			{
-				tip: "파워포인트, 아래한글, 엑셀 프로그램을 실행해봅니다.\n다른 프로그램은 절대 실행하지 마세요. (특히 인터넷)",
+				tip: "준비물 : 신분증, 수험표, 일반 볼펜\n"
+					+ "\n"
+					+ "* 초등학생 : 가족관계증명서, 주민등록등초본, 여권 중 하나\n"
+					+ "* 볼펜 : 컴퓨터용 싸인펜 (x), 일반 볼펜 (o)",
 				textColor: "yellow",
 				images: [
 					{
-						name: "pen",
+						name: "personal_id",
-						x: 200,
+						x: 240,
-						y: 100
+						y: 50
 					},
 					{
 						name: "itq_testsheet_small",
-						x: game.world.width / 2,
+						x: 550,
-						y: 100
+						y: 50
+					},
+					{
+						name: "pen",
+						x: 830,
+						y: 50
+					},
+				],
+				rectangles: [
+				]
+			},
+			{
+				tip: "1. 작업할 프로그램(파워포인트, 아래한글, 엑셀)을 실행\n"
+					+ "2. 키보드 입력과 마우스가 잘 되는지 확인하고 프로그램 종료\n"
+					+ "\n"
+					+ "* 다른 프로그램은 절대로 실행하지 마세요. (특히 인터넷)",
+				textColor: "orangered",
+				images: [
+				],
+				rectangles: [
+				]
+			},
+			{
+				tip: "KOAS 수험자용 - 프로그램 실행",
+				images: [
+				],
+				rectangles: [
+					{
+						x: 81,
+						y: 617,
+						width: 70,
+						height: 70
+					},
+				]
+			},
+			{
+				tip: "1. 수험표에 있는 수험번호를 정확히 입력\n"
+					+ "2. [확인] 버튼 클릭",
+				images: [
+					{
+						name: "itq_testsheet_id",
+						x: 550,
+						y: 80
+					},
+					{
+						name: "popup_register",
+						x: 550,
+						y: 250
 					},
 				],
 				rectangles: [
 					{
-						x: 100,
+						x: 494,
-						y: 200,
+						y: 383,
-						width: 300,
+						width: 203,
-						height: 300
+						height: 30
 					},
 					{
-						x: 500,
+						x: 537,
-						y: 200,
+						y: 460,
-						width: 200,
+						width: 82,
-						height: 200
+						height: 40
 					},
 				]
 			},
 			{
-				tip: "KOAS 수험자용 - 프로그램을 실행합니다.",
+				tip: "1. 아래한글 또는 MS 오피스 버전 선택\n"
+					+ "2. [확인] 버튼 클릭",
+				images: [
+					{
+						name: "popup_select_version",
+						x: 550,
+						y: 220
+					},
+				],
+				rectangles: [
+					{
+						x: 474,
+						y: 388,
+						width: 150,
+						height: 20
+					},
+					{
+						x: 554,
+						y: 473,
+						width: 86,
+						height: 40
+					},
+				]
+			},
+			{
+				tip: "1. 정확하게 입력이 되었는지 자세히 확인\n"
+					+ "2. [확인] 버튼 클릭",
+				images: [
+					{
+						name: "popup_check_info",
+						x: 550,
+						y: 190
+					},
+				],
+				rectangles: [
+					{
+						x: 402,
+						y: 314,
+						width: 290,
+						height: 116
+					},
+					{
+						x: 530,
+						y: 462,
+						width: 82,
+						height: 42
+					},
+				]
+			},
+			{
+				tip: "대기 화면으로 바뀜\n"
+					+ "\n"
+					+ "* 기다리는 동안 감독관 선생님의 주의사항을 듣습니다.",
+				textColor: "lightblue",
+				bg: "wait_wallpaper",
 				images: [
 				],
 				rectangles: [
 				]
 			},
 			{
-				tip: "수험표에 있는 수험번호를 정확히 입력합니다.",
+				tip: "시험지를 받으면 가장 먼저 볼펜으로\n"
+					+ "자신의 [수험번호]와 [이름]을 적기",
+				textColor: "orangered",
+				bg: "wait_wallpaper",
 				images: [
+					{
+						name: "itq_testsheet_id",
+						x: 520,
+						y: 60
+					},
+					{
+						name: "itq_testsheet",
+						x: 510,
+						y: 240
+					},
+				],
+				rectangles: [
+					{
+						x: 595,
+						y: 355,
+						width: 125,
+						height: 30
+					},
+					{
+						x: 740,
+						y: 355,
+						width: 100,
+						height: 30
+					},
+				]
+			},
+			{
+				tip: "시험 시간이 되면 대기 화면에서 바탕 화면으로 전환됨\n"
+					+ "\n"
+					+ "* 화면 오른쪽 위에는 시험 관리 프로그램이 실행됩니다.",
+				textColor: "lightblue",
+				images: [
+					{
+						name: "program_control_center",
+						x: 890,
+						y: 10
+					},
+				],
+				rectangles: [
+					{
+						x: 760,
+						y: 3,
+						width: 256,
+						height: 305
+					},
+				]
+			},
+			{
+				tip: "문서 작업할 프로그램을 실행한 후, 가장 먼저 파일 저장\n"
+					+ "\n"
+					+ "* 폴더 : 라이브러리 > 문서 > ITQ (혹은) 내 문서 > ITQ\n"
+					+ "* 파일 이름 : 수험번호-이름 (예 : 70150012-홍길동)   ",
+				textColor: "orangered",
+				images: [
+					{
+						name: "program_control_center",
+						x: 890,
+						y: 10
+					},
+					{
+						name: "popup_save_filename",
+						x: 520,
+						y: 200
+					},
 				],
 				rectangles: [
 				]
 			},
 			{
-				tip: "아래한글 또는 MS오피스\n2010 버전을 선택하세요.",
+				tip: "파일 저장 후, 바탕 화면에서 실행되고 있는\n"
+					+ "시험 관리 프로그램에서 [답안 전송] 버튼 클릭",
 				images: [
+					{
+						name: "program_control_center",
+						x: 890,
+						y: 10
+					},
 				],
 				rectangles: [
+					{
+						x: 776,
+						y: 125,
+						width: 223,
+						height: 40
+					},
 				]
 			},
 			{
-				tip: "입력한 내용이 정확한지 자세히 확인하고\n[확인] 버튼을 누르세요.",
+				tip: "저장한 답안 파일이 목록에 잘 보이는지 확인\n"
+					+ "\n"
+					+ "* 만약에 목록에 안 보일 경우, 폴더와 파일을 확인하세요.\n"
+					+ "* 원인을 알 수 없으면 감독관 선생님께 도움을 요청하세요.",
+				textColor: "lightblue",
 				images: [
+					{
+						name: "program_control_center",
+						x: 890,
+						y: 10
+					},
+					{
+						name: "popup_check_saved_file",
+						x: 520,
+						y: 110
+					},
 				],
 				rectangles: [
+					{
+						x: 382,
+						y: 251,
+						width: 262,
+						height: 30
+					},
 				]
 			},
 			{
-				tip: "기다리는 동안 시험지를 받습니다.\n시험지 위에 볼펜으로\n자신의 [수험번호], [이름]을 적습니다.",
+				tip: "답안 파일을 선택하고 [답안전송] 버튼 클릭",
 				images: [
+					{
+						name: "program_control_center",
+						x: 890,
+						y: 10
+					},
+					{
+						name: "popup_check_saved_file",
+						x: 520,
+						y: 110
+					},
 				],
 				rectangles: [
+					{
+						x: 382,
+						y: 251,
+						width: 262,
+						height: 30
+					},
+					{
+						x: 493,
+						y: 410,
+						width: 136,
+						height: 40
+					},
 				]
 			},
 			{
-				tip: "시험이 시작되면\n아래한글 또는 파워포인트/엑셀 프로그램을\n실행합니다.",
+				tip: "1. 답안 전송 상태 확인\n"
+					+ "* 전송 실패시 감독관 선생님께 도움을 요청하세요.\n"
+					+ "2. [닫기] 버튼 클릭",
 				images: [
+					{
+						name: "program_control_center",
+						x: 890,
+						y: 10
+					},
+					{
+						name: "popup_check_success_transfer",
+						x: 520,
+						y: 110
+					},
 				],
 				rectangles: [
+					{
+						x: 632,
+						y: 251,
+						width: 86,
+						height: 30
+					},
+					{
+						x: 631,
+						y: 410,
+						width: 83,
+						height: 40
+					},
 				]
 			},
 			{
-				tip: "프로그램 실행 후 가장 먼저 파일을 저장합니다.\n라이브러리>문서>ITQ 폴더!!! '수험번호-이름'!!!",
+				tip: "본격적으로 문서 작업 시작\n"
+					+ "\n"
+					+ "* 페이지 작업 완료 / 시험 끝나기 5분전 / 시험 끝날때\n"
+					+ "* 항상 파일을 저장하고 답안 전송도 함께 합니다.",
+				textColor: "lightblue",
 				images: [
+					{
+						name: "program_control_center_after_transfer",
+						x: 890,
+						y: 10
+					},
 				],
 				rectangles: [
+					{
+						x: 776,
+						y: 90,
+						width: 225,
+						height: 26
+					},
 				]
 			},
 			{
-				tip: "내 정답 파일이 목록에 잘 보이는지 확인한 후,\n[답안 전송] 버튼을 누르세요.",
+				tip: "시험 종료시\n"
-				images: [
+					+ "1. 시험지에 수험번호와 이름을 잘 적었는지 확인\n"
-				],
+					+ "2. 시험지는 반드시 책상에 두고 시험장에서 나오기\n"
-				rectangles: [
+					+ "* 시험지를 가지고 나오면 부정행위로 !! 실격 처리 !! 됩니다.",
-				]
+				textColor: "orangered",
-			},
-			{
-				tip: "자주 저장하세요!!!\n슬라이드/페이지마다 / 시험 종료 5분전 / 시험 종료시\n답안 전송도 함께 하세요.",
 				images: [
+					{
+						name: "program_control_center",
+						x: 890,
+						y: 10
+					},
+					{
+						name: "itq_testsheet",
+						x: 510,
+						y: 200
+					},
 				],
 				rectangles: [
+					{
+						x: 595,
+						y: 315,
+						width: 125,
+						height: 30
+					},
+					{
+						x: 740,
+						y: 315,
+						width: 100,
+						height: 30
+					},
 				]
 			},
 		];
 
+		// this.stageIndex = 14;
+
+
 		this.popupImages = [];
 		this.shownImages = [];
 		this.rectangles = [];
@@ -201,23 +491,27 @@ var Simulator = {
 	},
 
 	next: function() {
-		this.stageIndex++;
+		if(this.stageIndex < this.stageData.length - 1)
-		if(this.stageIndex > 9)
+			this.stageIndex++;
-			this.stageIndex = 9;
 
 		this.printContents();
 	},
 
 	printContents: function() {
-		// this.bgImage.loadTexture(this.images[this.stageIndex]);
+		console.log(this.stageIndex);
 
 		var data = this.stageData[this.stageIndex];
 		this.tipText.text = data.tip;
 		if(data.textColor === undefined)
-			this.tipText.addColor("red", 0);
+			this.tipText.addColor("white", 0);
 		else
 			this.tipText.addColor(data.textColor, 0);
 
+		if(data.bg === undefined)
+			this.bgImage.loadTexture("windows_wallpaper");
+		else
+			this.bgImage.loadTexture(data.bg);
+
 		this.hideAllShownImages();
 		var imageCount = data.images.length;
 		for(var i = 0; i < imageCount; i++) {