Hugging Face's logo

Spaces:
The-Last-Message
/
demo-25-01-1515
Sleeping

App Files Community
Tonic commited on
Commit
c2d6d4e
·
unverified ·
2 Parent(s): e8e387d 6233648

Merge branch 'main' of https://github.com/johnnymoa/team9

Browse files
Files changed (6) hide show
  1. gameState.js +83 -0
  2. static/game/apt.json +3370 -0
  3. static/game/game-with-chat.html +537 -0
  4. static/game/index.html +568 -0
  5. static/index.html +150 -1
  6. static/maker/index.html +545 -0
gameState.js ADDED
@@ -0,0 +1,83 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ class GameState {
2
+ constructor() {
3
+ // Initialize the lists of possible locations and targets
4
+ this.rooms = [
5
+ "main hallway",
6
+ "living room",
7
+ "guest bedroom",
8
+ "office",
9
+ "bathroom",
10
+ "kitchen",
11
+ "dining room",
12
+ "north hallway",
13
+ "storage",
14
+ ];
15
+
16
+ this.hideTargets = ["closet", "bed"];
17
+ this.searchTargets = ["dresser", "drawer"];
18
+ this.useTargets = ["flashlight", "knife"];
19
+
20
+ // Track current game state
21
+ this.currentRoom = "main hallway";
22
+ this.inventory = [];
23
+ }
24
+
25
+ // Method to generate the prompt with current game state
26
+ getPrompt() {
27
+ return `You are an AI assistant roleplaying as the user's girlfriend. Your task is to respond to the user's messages by selecting an appropriate action and target, then formatting your response as a JSON object.
28
+
29
+ Here are the possible actions and their associated targets:
30
+
31
+ - go: [${this.rooms.join(", ")}]
32
+ - hide: [${this.hideTargets.join(", ")}]
33
+ - search: [${this.searchTargets.join(", ")}]
34
+ - use: [${this.useTargets.join(", ")}]
35
+
36
+ You will receive a message from the user in the following format:
37
+ <user_message>
38
+ {{USER_MESSAGE}}
39
+ </user_message>
40
+
41
+ To process the user's message and generate a response, follow these steps:
42
+
43
+ 1. Analyze the user's message to determine the most appropriate action from the list: go, hide, search, or use.
44
+ 2. Based on the chosen action, select an appropriate target from the associated list. If the action is "use", the target can be any object mentioned in the user's message.
45
+ 3. Create a brief, natural-sounding response message that acknowledges the user's request or command.
46
+ 4. Construct a JSON object with the following structure:
47
+ {
48
+ "message": "Your response message here",
49
+ "action": "chosen action",
50
+ "target": "chosen target"
51
+ }
52
+
53
+ Here are two examples to guide you:
54
+
55
+ Example 1:
56
+ <user_message>Go to the bathroom, now!</user_message>
57
+ Response:
58
+ {
59
+ "message": "Okay, I'm on my way to the bathroom.",
60
+ "action": "go",
61
+ "target": "bathroom"
62
+ }
63
+
64
+ Example 2:
65
+ <user_message>Quick, hide under the bed!</user_message>
66
+ Response:
67
+ {
68
+ "message": "Alright, I'm hiding under the bed right away.",
69
+ "action": "hide",
70
+ "target": "bed"
71
+ }
72
+
73
+ Remember:
74
+ - Always respond in the JSON format specified above.
75
+ - Choose the most appropriate action and target based on the user's message.
76
+ - Keep your response message brief and natural-sounding.
77
+ - If the user's message doesn't clearly indicate an action or target from the provided lists, use your best judgment to select the most relevant options.
78
+ - Do not include any explanation or additional text outside of the JSON object in your response.`;
79
+ }
80
+ }
81
+
82
+ // Export the class for use in other files
83
+ export default GameState;
static/game/apt.json ADDED
@@ -0,0 +1,3370 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ {
2
+ "grid": [
3
+ [
4
+ {
5
+ "type": "wall",
6
+ "room": null,
7
+ "color": null
8
+ },
9
+ {
10
+ "type": "wall",
11
+ "room": null,
12
+ "color": null
13
+ },
14
+ {
15
+ "type": "wall",
16
+ "room": null,
17
+ "color": null
18
+ },
19
+ {
20
+ "type": "wall",
21
+ "room": null,
22
+ "color": null
23
+ },
24
+ {
25
+ "type": "wall",
26
+ "room": null,
27
+ "color": null
28
+ },
29
+ {
30
+ "type": "wall",
31
+ "room": null,
32
+ "color": null
33
+ },
34
+ {
35
+ "type": "wall",
36
+ "room": null,
37
+ "color": null
38
+ },
39
+ {
40
+ "type": "empty",
41
+ "room": null,
42
+ "color": null
43
+ },
44
+ {
45
+ "type": "empty",
46
+ "room": null,
47
+ "color": null
48
+ },
49
+ {
50
+ "type": "empty",
51
+ "room": null,
52
+ "color": null
53
+ },
54
+ {
55
+ "type": "empty",
56
+ "room": null,
57
+ "color": null
58
+ },
59
+ {
60
+ "type": "empty",
61
+ "room": null,
62
+ "color": null
63
+ },
64
+ {
65
+ "type": "empty",
66
+ "room": null,
67
+ "color": null
68
+ },
69
+ {
70
+ "type": "wall",
71
+ "room": null,
72
+ "color": null
73
+ },
74
+ {
75
+ "type": "wall",
76
+ "room": null,
77
+ "color": null
78
+ },
79
+ {
80
+ "type": "wall",
81
+ "room": null,
82
+ "color": null
83
+ },
84
+ {
85
+ "type": "wall",
86
+ "room": null,
87
+ "color": null
88
+ },
89
+ {
90
+ "type": "wall",
91
+ "room": null,
92
+ "color": null
93
+ },
94
+ {
95
+ "type": "wall",
96
+ "room": null,
97
+ "color": null
98
+ },
99
+ {
100
+ "type": "wall",
101
+ "room": null,
102
+ "color": null
103
+ },
104
+ {
105
+ "type": "wall",
106
+ "room": null,
107
+ "color": null
108
+ },
109
+ {
110
+ "type": "wall",
111
+ "room": null,
112
+ "color": null
113
+ },
114
+ {
115
+ "type": "wall",
116
+ "room": null,
117
+ "color": null
118
+ },
119
+ {
120
+ "type": "wall",
121
+ "room": null,
122
+ "color": null
123
+ },
124
+ {
125
+ "type": "wall",
126
+ "room": null,
127
+ "color": null
128
+ },
129
+ {
130
+ "type": "wall",
131
+ "room": null,
132
+ "color": null
133
+ },
134
+ {
135
+ "type": "wall",
136
+ "room": null,
137
+ "color": null
138
+ },
139
+ {
140
+ "type": "wall",
141
+ "room": null,
142
+ "color": null
143
+ },
144
+ {
145
+ "type": "wall",
146
+ "room": null,
147
+ "color": null
148
+ },
149
+ {
150
+ "type": "wall",
151
+ "room": null,
152
+ "color": null
153
+ },
154
+ {
155
+ "type": "wall",
156
+ "room": null,
157
+ "color": null
158
+ },
159
+ {
160
+ "type": "wall",
161
+ "room": null,
162
+ "color": null
163
+ }
164
+ ],
165
+ [
166
+ {
167
+ "type": "wall",
168
+ "room": null,
169
+ "color": null
170
+ },
171
+ {
172
+ "type": "empty",
173
+ "room": null,
174
+ "color": null
175
+ },
176
+ {
177
+ "type": "empty",
178
+ "room": null,
179
+ "color": "green"
180
+ },
181
+ {
182
+ "type": "empty",
183
+ "room": null,
184
+ "color": "green"
185
+ },
186
+ {
187
+ "type": "empty",
188
+ "room": null,
189
+ "color": "green"
190
+ },
191
+ {
192
+ "type": "empty",
193
+ "room": null,
194
+ "color": null
195
+ },
196
+ {
197
+ "type": "wall",
198
+ "room": null,
199
+ "color": null
200
+ },
201
+ {
202
+ "type": "empty",
203
+ "room": null,
204
+ "color": null
205
+ },
206
+ {
207
+ "type": "empty",
208
+ "room": null,
209
+ "color": null
210
+ },
211
+ {
212
+ "type": "empty",
213
+ "room": null,
214
+ "color": null
215
+ },
216
+ {
217
+ "type": "empty",
218
+ "room": null,
219
+ "color": null
220
+ },
221
+ {
222
+ "type": "empty",
223
+ "room": null,
224
+ "color": null
225
+ },
226
+ {
227
+ "type": "empty",
228
+ "room": null,
229
+ "color": null
230
+ },
231
+ {
232
+ "type": "wall",
233
+ "room": null,
234
+ "color": null
235
+ },
236
+ {
237
+ "type": "empty",
238
+ "room": null,
239
+ "color": null
240
+ },
241
+ {
242
+ "type": "empty",
243
+ "room": null,
244
+ "color": null
245
+ },
246
+ {
247
+ "type": "empty",
248
+ "room": null,
249
+ "color": null
250
+ },
251
+ {
252
+ "type": "empty",
253
+ "room": null,
254
+ "color": null
255
+ },
256
+ {
257
+ "type": "empty",
258
+ "room": null,
259
+ "color": null
260
+ },
261
+ {
262
+ "type": "empty",
263
+ "room": null,
264
+ "color": null
265
+ },
266
+ {
267
+ "type": "empty",
268
+ "room": null,
269
+ "color": null
270
+ },
271
+ {
272
+ "type": "empty",
273
+ "room": null,
274
+ "color": null
275
+ },
276
+ {
277
+ "type": "empty",
278
+ "room": null,
279
+ "color": null
280
+ },
281
+ {
282
+ "type": "empty",
283
+ "room": null,
284
+ "color": null
285
+ },
286
+ {
287
+ "type": "empty",
288
+ "room": null,
289
+ "color": null
290
+ },
291
+ {
292
+ "type": "wall",
293
+ "room": null,
294
+ "color": null
295
+ },
296
+ {
297
+ "type": "empty",
298
+ "room": null,
299
+ "color": null
300
+ },
301
+ {
302
+ "type": "empty",
303
+ "room": null,
304
+ "color": "green"
305
+ },
306
+ {
307
+ "type": "empty",
308
+ "room": null,
309
+ "color": "green"
310
+ },
311
+ {
312
+ "type": "empty",
313
+ "room": null,
314
+ "color": "green"
315
+ },
316
+ {
317
+ "type": "empty",
318
+ "room": null,
319
+ "color": null
320
+ },
321
+ {
322
+ "type": "wall",
323
+ "room": null,
324
+ "color": null
325
+ }
326
+ ],
327
+ [
328
+ {
329
+ "type": "wall",
330
+ "room": null,
331
+ "color": null
332
+ },
333
+ {
334
+ "type": "empty",
335
+ "room": null,
336
+ "color": null
337
+ },
338
+ {
339
+ "type": "empty",
340
+ "room": null,
341
+ "color": null
342
+ },
343
+ {
344
+ "type": "empty",
345
+ "room": null,
346
+ "color": null
347
+ },
348
+ {
349
+ "type": "empty",
350
+ "room": null,
351
+ "color": null
352
+ },
353
+ {
354
+ "type": "empty",
355
+ "room": null,
356
+ "color": null
357
+ },
358
+ {
359
+ "type": "wall",
360
+ "room": null,
361
+ "color": null
362
+ },
363
+ {
364
+ "type": "wall",
365
+ "room": null,
366
+ "color": null
367
+ },
368
+ {
369
+ "type": "wall",
370
+ "room": null,
371
+ "color": null
372
+ },
373
+ {
374
+ "type": "wall",
375
+ "room": null,
376
+ "color": null
377
+ },
378
+ {
379
+ "type": "wall",
380
+ "room": null,
381
+ "color": null
382
+ },
383
+ {
384
+ "type": "wall",
385
+ "room": null,
386
+ "color": null
387
+ },
388
+ {
389
+ "type": "wall",
390
+ "room": null,
391
+ "color": null
392
+ },
393
+ {
394
+ "type": "wall",
395
+ "room": null,
396
+ "color": null
397
+ },
398
+ {
399
+ "type": "empty",
400
+ "room": null,
401
+ "color": null
402
+ },
403
+ {
404
+ "type": "empty",
405
+ "room": null,
406
+ "color": null
407
+ },
408
+ {
409
+ "type": "empty",
410
+ "room": null,
411
+ "color": null
412
+ },
413
+ {
414
+ "type": "empty",
415
+ "room": null,
416
+ "color": null
417
+ },
418
+ {
419
+ "type": "empty",
420
+ "room": null,
421
+ "color": "yellow"
422
+ },
423
+ {
424
+ "type": "empty",
425
+ "room": null,
426
+ "color": "yellow"
427
+ },
428
+ {
429
+ "type": "empty",
430
+ "room": null,
431
+ "color": "yellow"
432
+ },
433
+ {
434
+ "type": "empty",
435
+ "room": null,
436
+ "color": "yellow"
437
+ },
438
+ {
439
+ "type": "empty",
440
+ "room": null,
441
+ "color": "yellow"
442
+ },
443
+ {
444
+ "type": "empty",
445
+ "room": null,
446
+ "color": null
447
+ },
448
+ {
449
+ "type": "empty",
450
+ "room": null,
451
+ "color": null
452
+ },
453
+ {
454
+ "type": "wall",
455
+ "room": null,
456
+ "color": null
457
+ },
458
+ {
459
+ "type": "empty",
460
+ "room": null,
461
+ "color": null
462
+ },
463
+ {
464
+ "type": "empty",
465
+ "room": null,
466
+ "color": null
467
+ },
468
+ {
469
+ "type": "empty",
470
+ "room": null,
471
+ "color": null
472
+ },
473
+ {
474
+ "type": "empty",
475
+ "room": null,
476
+ "color": null
477
+ },
478
+ {
479
+ "type": "empty",
480
+ "room": null,
481
+ "color": "green"
482
+ },
483
+ {
484
+ "type": "wall",
485
+ "room": null,
486
+ "color": null
487
+ }
488
+ ],
489
+ [
490
+ {
491
+ "type": "wall",
492
+ "room": null,
493
+ "color": null
494
+ },
495
+ {
496
+ "type": "empty",
497
+ "room": null,
498
+ "color": null
499
+ },
500
+ {
501
+ "type": "empty",
502
+ "room": null,
503
+ "color": null
504
+ },
505
+ {
506
+ "type": "empty",
507
+ "room": null,
508
+ "color": null
509
+ },
510
+ {
511
+ "type": "empty",
512
+ "room": null,
513
+ "color": null
514
+ },
515
+ {
516
+ "type": "empty",
517
+ "room": null,
518
+ "color": null
519
+ },
520
+ {
521
+ "type": "door",
522
+ "room": null,
523
+ "color": null
524
+ },
525
+ {
526
+ "type": "empty",
527
+ "room": null,
528
+ "color": null
529
+ },
530
+ {
531
+ "type": "empty",
532
+ "room": null,
533
+ "color": null
534
+ },
535
+ {
536
+ "type": "empty",
537
+ "room": null,
538
+ "color": null
539
+ },
540
+ {
541
+ "type": "empty",
542
+ "room": null,
543
+ "color": null
544
+ },
545
+ {
546
+ "type": "empty",
547
+ "room": null,
548
+ "color": null
549
+ },
550
+ {
551
+ "type": "empty",
552
+ "room": null,
553
+ "color": null
554
+ },
555
+ {
556
+ "type": "door",
557
+ "room": null,
558
+ "color": null
559
+ },
560
+ {
561
+ "type": "empty",
562
+ "room": null,
563
+ "color": null
564
+ },
565
+ {
566
+ "type": "empty",
567
+ "room": null,
568
+ "color": null
569
+ },
570
+ {
571
+ "type": "empty",
572
+ "room": null,
573
+ "color": null
574
+ },
575
+ {
576
+ "type": "empty",
577
+ "room": null,
578
+ "color": null
579
+ },
580
+ {
581
+ "type": "empty",
582
+ "room": null,
583
+ "color": "yellow"
584
+ },
585
+ {
586
+ "type": "empty",
587
+ "room": null,
588
+ "color": "yellow"
589
+ },
590
+ {
591
+ "type": "empty",
592
+ "room": null,
593
+ "color": "yellow"
594
+ },
595
+ {
596
+ "type": "empty",
597
+ "room": null,
598
+ "color": "yellow"
599
+ },
600
+ {
601
+ "type": "empty",
602
+ "room": null,
603
+ "color": "yellow"
604
+ },
605
+ {
606
+ "type": "empty",
607
+ "room": null,
608
+ "color": null
609
+ },
610
+ {
611
+ "type": "empty",
612
+ "room": null,
613
+ "color": null
614
+ },
615
+ {
616
+ "type": "door",
617
+ "room": null,
618
+ "color": null
619
+ },
620
+ {
621
+ "type": "empty",
622
+ "room": null,
623
+ "color": null
624
+ },
625
+ {
626
+ "type": "empty",
627
+ "room": null,
628
+ "color": null
629
+ },
630
+ {
631
+ "type": "empty",
632
+ "room": null,
633
+ "color": null
634
+ },
635
+ {
636
+ "type": "empty",
637
+ "room": null,
638
+ "color": null
639
+ },
640
+ {
641
+ "type": "empty",
642
+ "room": null,
643
+ "color": "green"
644
+ },
645
+ {
646
+ "type": "wall",
647
+ "room": null,
648
+ "color": null
649
+ }
650
+ ],
651
+ [
652
+ {
653
+ "type": "wall",
654
+ "room": null,
655
+ "color": null
656
+ },
657
+ {
658
+ "type": "empty",
659
+ "room": null,
660
+ "color": null
661
+ },
662
+ {
663
+ "type": "empty",
664
+ "room": null,
665
+ "color": null
666
+ },
667
+ {
668
+ "type": "empty",
669
+ "room": null,
670
+ "color": null
671
+ },
672
+ {
673
+ "type": "empty",
674
+ "room": null,
675
+ "color": null
676
+ },
677
+ {
678
+ "type": "empty",
679
+ "room": null,
680
+ "color": null
681
+ },
682
+ {
683
+ "type": "wall",
684
+ "room": null,
685
+ "color": null
686
+ },
687
+ {
688
+ "type": "wall",
689
+ "room": null,
690
+ "color": null
691
+ },
692
+ {
693
+ "type": "wall",
694
+ "room": null,
695
+ "color": null
696
+ },
697
+ {
698
+ "type": "wall",
699
+ "room": null,
700
+ "color": null
701
+ },
702
+ {
703
+ "type": "wall",
704
+ "room": null,
705
+ "color": null
706
+ },
707
+ {
708
+ "type": "wall",
709
+ "room": null,
710
+ "color": null
711
+ },
712
+ {
713
+ "type": "wall",
714
+ "room": null,
715
+ "color": null
716
+ },
717
+ {
718
+ "type": "wall",
719
+ "room": null,
720
+ "color": null
721
+ },
722
+ {
723
+ "type": "empty",
724
+ "room": null,
725
+ "color": null
726
+ },
727
+ {
728
+ "type": "empty",
729
+ "room": null,
730
+ "color": null
731
+ },
732
+ {
733
+ "type": "empty",
734
+ "room": null,
735
+ "color": null
736
+ },
737
+ {
738
+ "type": "empty",
739
+ "room": null,
740
+ "color": null
741
+ },
742
+ {
743
+ "type": "empty",
744
+ "room": null,
745
+ "color": null
746
+ },
747
+ {
748
+ "type": "empty",
749
+ "room": null,
750
+ "color": null
751
+ },
752
+ {
753
+ "type": "empty",
754
+ "room": null,
755
+ "color": null
756
+ },
757
+ {
758
+ "type": "empty",
759
+ "room": null,
760
+ "color": null
761
+ },
762
+ {
763
+ "type": "empty",
764
+ "room": null,
765
+ "color": null
766
+ },
767
+ {
768
+ "type": "empty",
769
+ "room": null,
770
+ "color": null
771
+ },
772
+ {
773
+ "type": "empty",
774
+ "room": null,
775
+ "color": null
776
+ },
777
+ {
778
+ "type": "wall",
779
+ "room": null,
780
+ "color": null
781
+ },
782
+ {
783
+ "type": "empty",
784
+ "room": null,
785
+ "color": null
786
+ },
787
+ {
788
+ "type": "empty",
789
+ "room": null,
790
+ "color": null
791
+ },
792
+ {
793
+ "type": "empty",
794
+ "room": null,
795
+ "color": null
796
+ },
797
+ {
798
+ "type": "empty",
799
+ "room": null,
800
+ "color": null
801
+ },
802
+ {
803
+ "type": "empty",
804
+ "room": null,
805
+ "color": "green"
806
+ },
807
+ {
808
+ "type": "wall",
809
+ "room": null,
810
+ "color": null
811
+ }
812
+ ],
813
+ [
814
+ {
815
+ "type": "wall",
816
+ "room": null,
817
+ "color": null
818
+ },
819
+ {
820
+ "type": "empty",
821
+ "room": null,
822
+ "color": null
823
+ },
824
+ {
825
+ "type": "empty",
826
+ "room": null,
827
+ "color": "red"
828
+ },
829
+ {
830
+ "type": "empty",
831
+ "room": null,
832
+ "color": "red"
833
+ },
834
+ {
835
+ "type": "empty",
836
+ "room": null,
837
+ "color": "red"
838
+ },
839
+ {
840
+ "type": "empty",
841
+ "room": null,
842
+ "color": null
843
+ },
844
+ {
845
+ "type": "wall",
846
+ "room": null,
847
+ "color": null
848
+ },
849
+ {
850
+ "type": "empty",
851
+ "room": null,
852
+ "color": null
853
+ },
854
+ {
855
+ "type": "empty",
856
+ "room": null,
857
+ "color": null
858
+ },
859
+ {
860
+ "type": "empty",
861
+ "room": null,
862
+ "color": null
863
+ },
864
+ {
865
+ "type": "empty",
866
+ "room": null,
867
+ "color": null
868
+ },
869
+ {
870
+ "type": "empty",
871
+ "room": null,
872
+ "color": null
873
+ },
874
+ {
875
+ "type": "empty",
876
+ "room": null,
877
+ "color": null
878
+ },
879
+ {
880
+ "type": "wall",
881
+ "room": null,
882
+ "color": null
883
+ },
884
+ {
885
+ "type": "empty",
886
+ "room": null,
887
+ "color": null
888
+ },
889
+ {
890
+ "type": "empty",
891
+ "room": null,
892
+ "color": null
893
+ },
894
+ {
895
+ "type": "empty",
896
+ "room": null,
897
+ "color": null
898
+ },
899
+ {
900
+ "type": "empty",
901
+ "room": null,
902
+ "color": null
903
+ },
904
+ {
905
+ "type": "empty",
906
+ "room": null,
907
+ "color": null
908
+ },
909
+ {
910
+ "type": "empty",
911
+ "room": null,
912
+ "color": null
913
+ },
914
+ {
915
+ "type": "empty",
916
+ "room": null,
917
+ "color": null
918
+ },
919
+ {
920
+ "type": "empty",
921
+ "room": null,
922
+ "color": null
923
+ },
924
+ {
925
+ "type": "empty",
926
+ "room": null,
927
+ "color": null
928
+ },
929
+ {
930
+ "type": "empty",
931
+ "room": null,
932
+ "color": null
933
+ },
934
+ {
935
+ "type": "empty",
936
+ "room": null,
937
+ "color": null
938
+ },
939
+ {
940
+ "type": "wall",
941
+ "room": null,
942
+ "color": null
943
+ },
944
+ {
945
+ "type": "empty",
946
+ "room": null,
947
+ "color": null
948
+ },
949
+ {
950
+ "type": "empty",
951
+ "room": null,
952
+ "color": "green"
953
+ },
954
+ {
955
+ "type": "empty",
956
+ "room": null,
957
+ "color": "green"
958
+ },
959
+ {
960
+ "type": "empty",
961
+ "room": null,
962
+ "color": "green"
963
+ },
964
+ {
965
+ "type": "empty",
966
+ "room": null,
967
+ "color": null
968
+ },
969
+ {
970
+ "type": "wall",
971
+ "room": null,
972
+ "color": null
973
+ }
974
+ ],
975
+ [
976
+ {
977
+ "type": "wall",
978
+ "room": null,
979
+ "color": null
980
+ },
981
+ {
982
+ "type": "wall",
983
+ "room": null,
984
+ "color": null
985
+ },
986
+ {
987
+ "type": "wall",
988
+ "room": null,
989
+ "color": null
990
+ },
991
+ {
992
+ "type": "wall",
993
+ "room": null,
994
+ "color": null
995
+ },
996
+ {
997
+ "type": "wall",
998
+ "room": null,
999
+ "color": null
1000
+ },
1001
+ {
1002
+ "type": "wall",
1003
+ "room": null,
1004
+ "color": null
1005
+ },
1006
+ {
1007
+ "type": "wall",
1008
+ "room": null,
1009
+ "color": null
1010
+ },
1011
+ {
1012
+ "type": "empty",
1013
+ "room": null,
1014
+ "color": null
1015
+ },
1016
+ {
1017
+ "type": "empty",
1018
+ "room": null,
1019
+ "color": null
1020
+ },
1021
+ {
1022
+ "type": "empty",
1023
+ "room": null,
1024
+ "color": null
1025
+ },
1026
+ {
1027
+ "type": "empty",
1028
+ "room": null,
1029
+ "color": null
1030
+ },
1031
+ {
1032
+ "type": "empty",
1033
+ "room": null,
1034
+ "color": null
1035
+ },
1036
+ {
1037
+ "type": "empty",
1038
+ "room": null,
1039
+ "color": null
1040
+ },
1041
+ {
1042
+ "type": "wall",
1043
+ "room": null,
1044
+ "color": null
1045
+ },
1046
+ {
1047
+ "type": "wall",
1048
+ "room": null,
1049
+ "color": null
1050
+ },
1051
+ {
1052
+ "type": "wall",
1053
+ "room": null,
1054
+ "color": null
1055
+ },
1056
+ {
1057
+ "type": "wall",
1058
+ "room": null,
1059
+ "color": null
1060
+ },
1061
+ {
1062
+ "type": "wall",
1063
+ "room": null,
1064
+ "color": null
1065
+ },
1066
+ {
1067
+ "type": "wall",
1068
+ "room": null,
1069
+ "color": null
1070
+ },
1071
+ {
1072
+ "type": "wall",
1073
+ "room": null,
1074
+ "color": null
1075
+ },
1076
+ {
1077
+ "type": "wall",
1078
+ "room": null,
1079
+ "color": null
1080
+ },
1081
+ {
1082
+ "type": "door",
1083
+ "room": null,
1084
+ "color": null
1085
+ },
1086
+ {
1087
+ "type": "door",
1088
+ "room": null,
1089
+ "color": null
1090
+ },
1091
+ {
1092
+ "type": "wall",
1093
+ "room": null,
1094
+ "color": null
1095
+ },
1096
+ {
1097
+ "type": "wall",
1098
+ "room": null,
1099
+ "color": null
1100
+ },
1101
+ {
1102
+ "type": "wall",
1103
+ "room": null,
1104
+ "color": null
1105
+ },
1106
+ {
1107
+ "type": "wall",
1108
+ "room": null,
1109
+ "color": null
1110
+ },
1111
+ {
1112
+ "type": "wall",
1113
+ "room": null,
1114
+ "color": null
1115
+ },
1116
+ {
1117
+ "type": "wall",
1118
+ "room": null,
1119
+ "color": null
1120
+ },
1121
+ {
1122
+ "type": "wall",
1123
+ "room": null,
1124
+ "color": null
1125
+ },
1126
+ {
1127
+ "type": "wall",
1128
+ "room": null,
1129
+ "color": null
1130
+ },
1131
+ {
1132
+ "type": "wall",
1133
+ "room": null,
1134
+ "color": null
1135
+ }
1136
+ ],
1137
+ [
1138
+ {
1139
+ "type": "empty",
1140
+ "room": null,
1141
+ "color": null
1142
+ },
1143
+ {
1144
+ "type": "empty",
1145
+ "room": null,
1146
+ "color": null
1147
+ },
1148
+ {
1149
+ "type": "empty",
1150
+ "room": null,
1151
+ "color": null
1152
+ },
1153
+ {
1154
+ "type": "empty",
1155
+ "room": null,
1156
+ "color": null
1157
+ },
1158
+ {
1159
+ "type": "empty",
1160
+ "room": null,
1161
+ "color": null
1162
+ },
1163
+ {
1164
+ "type": "empty",
1165
+ "room": null,
1166
+ "color": null
1167
+ },
1168
+ {
1169
+ "type": "empty",
1170
+ "room": null,
1171
+ "color": null
1172
+ },
1173
+ {
1174
+ "type": "empty",
1175
+ "room": null,
1176
+ "color": null
1177
+ },
1178
+ {
1179
+ "type": "empty",
1180
+ "room": null,
1181
+ "color": null
1182
+ },
1183
+ {
1184
+ "type": "empty",
1185
+ "room": null,
1186
+ "color": null
1187
+ },
1188
+ {
1189
+ "type": "empty",
1190
+ "room": null,
1191
+ "color": null
1192
+ },
1193
+ {
1194
+ "type": "empty",
1195
+ "room": null,
1196
+ "color": null
1197
+ },
1198
+ {
1199
+ "type": "empty",
1200
+ "room": null,
1201
+ "color": null
1202
+ },
1203
+ {
1204
+ "type": "empty",
1205
+ "room": null,
1206
+ "color": null
1207
+ },
1208
+ {
1209
+ "type": "wall",
1210
+ "room": null,
1211
+ "color": null
1212
+ },
1213
+ {
1214
+ "type": "empty",
1215
+ "room": null,
1216
+ "color": "yellow"
1217
+ },
1218
+ {
1219
+ "type": "empty",
1220
+ "room": null,
1221
+ "color": null
1222
+ },
1223
+ {
1224
+ "type": "empty",
1225
+ "room": null,
1226
+ "color": null
1227
+ },
1228
+ {
1229
+ "type": "wall",
1230
+ "room": null,
1231
+ "color": null
1232
+ },
1233
+ {
1234
+ "type": "empty",
1235
+ "room": null,
1236
+ "color": null
1237
+ },
1238
+ {
1239
+ "type": "empty",
1240
+ "room": null,
1241
+ "color": null
1242
+ },
1243
+ {
1244
+ "type": "empty",
1245
+ "room": null,
1246
+ "color": null
1247
+ },
1248
+ {
1249
+ "type": "empty",
1250
+ "room": null,
1251
+ "color": null
1252
+ },
1253
+ {
1254
+ "type": "empty",
1255
+ "room": null,
1256
+ "color": null
1257
+ },
1258
+ {
1259
+ "type": "empty",
1260
+ "room": null,
1261
+ "color": null
1262
+ },
1263
+ {
1264
+ "type": "wall",
1265
+ "room": null,
1266
+ "color": null
1267
+ },
1268
+ {
1269
+ "type": "empty",
1270
+ "room": null,
1271
+ "color": null
1272
+ },
1273
+ {
1274
+ "type": "empty",
1275
+ "room": null,
1276
+ "color": null
1277
+ },
1278
+ {
1279
+ "type": "empty",
1280
+ "room": null,
1281
+ "color": null
1282
+ },
1283
+ {
1284
+ "type": "empty",
1285
+ "room": null,
1286
+ "color": null
1287
+ },
1288
+ {
1289
+ "type": "empty",
1290
+ "room": null,
1291
+ "color": null
1292
+ },
1293
+ {
1294
+ "type": "empty",
1295
+ "room": null,
1296
+ "color": null
1297
+ }
1298
+ ],
1299
+ [
1300
+ {
1301
+ "type": "empty",
1302
+ "room": null,
1303
+ "color": null
1304
+ },
1305
+ {
1306
+ "type": "empty",
1307
+ "room": null,
1308
+ "color": null
1309
+ },
1310
+ {
1311
+ "type": "empty",
1312
+ "room": null,
1313
+ "color": null
1314
+ },
1315
+ {
1316
+ "type": "empty",
1317
+ "room": null,
1318
+ "color": null
1319
+ },
1320
+ {
1321
+ "type": "empty",
1322
+ "room": null,
1323
+ "color": null
1324
+ },
1325
+ {
1326
+ "type": "empty",
1327
+ "room": null,
1328
+ "color": null
1329
+ },
1330
+ {
1331
+ "type": "empty",
1332
+ "room": null,
1333
+ "color": null
1334
+ },
1335
+ {
1336
+ "type": "empty",
1337
+ "room": null,
1338
+ "color": null
1339
+ },
1340
+ {
1341
+ "type": "empty",
1342
+ "room": null,
1343
+ "color": null
1344
+ },
1345
+ {
1346
+ "type": "empty",
1347
+ "room": null,
1348
+ "color": null
1349
+ },
1350
+ {
1351
+ "type": "empty",
1352
+ "room": null,
1353
+ "color": null
1354
+ },
1355
+ {
1356
+ "type": "empty",
1357
+ "room": null,
1358
+ "color": null
1359
+ },
1360
+ {
1361
+ "type": "empty",
1362
+ "room": null,
1363
+ "color": null
1364
+ },
1365
+ {
1366
+ "type": "empty",
1367
+ "room": null,
1368
+ "color": null
1369
+ },
1370
+ {
1371
+ "type": "wall",
1372
+ "room": null,
1373
+ "color": null
1374
+ },
1375
+ {
1376
+ "type": "empty",
1377
+ "room": null,
1378
+ "color": "yellow"
1379
+ },
1380
+ {
1381
+ "type": "empty",
1382
+ "room": null,
1383
+ "color": null
1384
+ },
1385
+ {
1386
+ "type": "empty",
1387
+ "room": null,
1388
+ "color": null
1389
+ },
1390
+ {
1391
+ "type": "wall",
1392
+ "room": null,
1393
+ "color": null
1394
+ },
1395
+ {
1396
+ "type": "empty",
1397
+ "room": null,
1398
+ "color": "green"
1399
+ },
1400
+ {
1401
+ "type": "empty",
1402
+ "room": null,
1403
+ "color": null
1404
+ },
1405
+ {
1406
+ "type": "empty",
1407
+ "room": null,
1408
+ "color": null
1409
+ },
1410
+ {
1411
+ "type": "empty",
1412
+ "room": null,
1413
+ "color": null
1414
+ },
1415
+ {
1416
+ "type": "empty",
1417
+ "room": null,
1418
+ "color": null
1419
+ },
1420
+ {
1421
+ "type": "empty",
1422
+ "room": null,
1423
+ "color": null
1424
+ },
1425
+ {
1426
+ "type": "wall",
1427
+ "room": null,
1428
+ "color": null
1429
+ },
1430
+ {
1431
+ "type": "empty",
1432
+ "room": null,
1433
+ "color": null
1434
+ },
1435
+ {
1436
+ "type": "empty",
1437
+ "room": null,
1438
+ "color": null
1439
+ },
1440
+ {
1441
+ "type": "empty",
1442
+ "room": null,
1443
+ "color": null
1444
+ },
1445
+ {
1446
+ "type": "empty",
1447
+ "room": null,
1448
+ "color": null
1449
+ },
1450
+ {
1451
+ "type": "empty",
1452
+ "room": null,
1453
+ "color": null
1454
+ },
1455
+ {
1456
+ "type": "empty",
1457
+ "room": null,
1458
+ "color": null
1459
+ }
1460
+ ],
1461
+ [
1462
+ {
1463
+ "type": "empty",
1464
+ "room": null,
1465
+ "color": null
1466
+ },
1467
+ {
1468
+ "type": "empty",
1469
+ "room": null,
1470
+ "color": null
1471
+ },
1472
+ {
1473
+ "type": "empty",
1474
+ "room": null,
1475
+ "color": null
1476
+ },
1477
+ {
1478
+ "type": "empty",
1479
+ "room": null,
1480
+ "color": null
1481
+ },
1482
+ {
1483
+ "type": "empty",
1484
+ "room": null,
1485
+ "color": null
1486
+ },
1487
+ {
1488
+ "type": "empty",
1489
+ "room": null,
1490
+ "color": null
1491
+ },
1492
+ {
1493
+ "type": "empty",
1494
+ "room": null,
1495
+ "color": null
1496
+ },
1497
+ {
1498
+ "type": "empty",
1499
+ "room": null,
1500
+ "color": null
1501
+ },
1502
+ {
1503
+ "type": "empty",
1504
+ "room": null,
1505
+ "color": null
1506
+ },
1507
+ {
1508
+ "type": "empty",
1509
+ "room": null,
1510
+ "color": null
1511
+ },
1512
+ {
1513
+ "type": "empty",
1514
+ "room": null,
1515
+ "color": null
1516
+ },
1517
+ {
1518
+ "type": "empty",
1519
+ "room": null,
1520
+ "color": null
1521
+ },
1522
+ {
1523
+ "type": "empty",
1524
+ "room": null,
1525
+ "color": null
1526
+ },
1527
+ {
1528
+ "type": "empty",
1529
+ "room": null,
1530
+ "color": null
1531
+ },
1532
+ {
1533
+ "type": "wall",
1534
+ "room": null,
1535
+ "color": null
1536
+ },
1537
+ {
1538
+ "type": "empty",
1539
+ "room": null,
1540
+ "color": null
1541
+ },
1542
+ {
1543
+ "type": "empty",
1544
+ "room": null,
1545
+ "color": null
1546
+ },
1547
+ {
1548
+ "type": "empty",
1549
+ "room": null,
1550
+ "color": null
1551
+ },
1552
+ {
1553
+ "type": "wall",
1554
+ "room": null,
1555
+ "color": null
1556
+ },
1557
+ {
1558
+ "type": "empty",
1559
+ "room": null,
1560
+ "color": "green"
1561
+ },
1562
+ {
1563
+ "type": "empty",
1564
+ "room": null,
1565
+ "color": null
1566
+ },
1567
+ {
1568
+ "type": "empty",
1569
+ "room": null,
1570
+ "color": null
1571
+ },
1572
+ {
1573
+ "type": "empty",
1574
+ "room": null,
1575
+ "color": null
1576
+ },
1577
+ {
1578
+ "type": "empty",
1579
+ "room": null,
1580
+ "color": null
1581
+ },
1582
+ {
1583
+ "type": "empty",
1584
+ "room": null,
1585
+ "color": null
1586
+ },
1587
+ {
1588
+ "type": "wall",
1589
+ "room": null,
1590
+ "color": null
1591
+ },
1592
+ {
1593
+ "type": "empty",
1594
+ "room": null,
1595
+ "color": null
1596
+ },
1597
+ {
1598
+ "type": "empty",
1599
+ "room": null,
1600
+ "color": null
1601
+ },
1602
+ {
1603
+ "type": "empty",
1604
+ "room": null,
1605
+ "color": null
1606
+ },
1607
+ {
1608
+ "type": "empty",
1609
+ "room": null,
1610
+ "color": null
1611
+ },
1612
+ {
1613
+ "type": "empty",
1614
+ "room": null,
1615
+ "color": null
1616
+ },
1617
+ {
1618
+ "type": "empty",
1619
+ "room": null,
1620
+ "color": null
1621
+ }
1622
+ ],
1623
+ [
1624
+ {
1625
+ "type": "empty",
1626
+ "room": null,
1627
+ "color": null
1628
+ },
1629
+ {
1630
+ "type": "empty",
1631
+ "room": null,
1632
+ "color": null
1633
+ },
1634
+ {
1635
+ "type": "empty",
1636
+ "room": null,
1637
+ "color": null
1638
+ },
1639
+ {
1640
+ "type": "empty",
1641
+ "room": null,
1642
+ "color": null
1643
+ },
1644
+ {
1645
+ "type": "empty",
1646
+ "room": null,
1647
+ "color": null
1648
+ },
1649
+ {
1650
+ "type": "empty",
1651
+ "room": null,
1652
+ "color": null
1653
+ },
1654
+ {
1655
+ "type": "empty",
1656
+ "room": null,
1657
+ "color": null
1658
+ },
1659
+ {
1660
+ "type": "empty",
1661
+ "room": null,
1662
+ "color": null
1663
+ },
1664
+ {
1665
+ "type": "empty",
1666
+ "room": null,
1667
+ "color": null
1668
+ },
1669
+ {
1670
+ "type": "empty",
1671
+ "room": null,
1672
+ "color": null
1673
+ },
1674
+ {
1675
+ "type": "empty",
1676
+ "room": null,
1677
+ "color": null
1678
+ },
1679
+ {
1680
+ "type": "empty",
1681
+ "room": null,
1682
+ "color": null
1683
+ },
1684
+ {
1685
+ "type": "empty",
1686
+ "room": null,
1687
+ "color": null
1688
+ },
1689
+ {
1690
+ "type": "empty",
1691
+ "room": null,
1692
+ "color": null
1693
+ },
1694
+ {
1695
+ "type": "wall",
1696
+ "room": null,
1697
+ "color": null
1698
+ },
1699
+ {
1700
+ "type": "empty",
1701
+ "room": null,
1702
+ "color": null
1703
+ },
1704
+ {
1705
+ "type": "empty",
1706
+ "room": null,
1707
+ "color": null
1708
+ },
1709
+ {
1710
+ "type": "empty",
1711
+ "room": null,
1712
+ "color": null
1713
+ },
1714
+ {
1715
+ "type": "wall",
1716
+ "room": null,
1717
+ "color": null
1718
+ },
1719
+ {
1720
+ "type": "empty",
1721
+ "room": null,
1722
+ "color": "green"
1723
+ },
1724
+ {
1725
+ "type": "empty",
1726
+ "room": null,
1727
+ "color": null
1728
+ },
1729
+ {
1730
+ "type": "empty",
1731
+ "room": null,
1732
+ "color": null
1733
+ },
1734
+ {
1735
+ "type": "empty",
1736
+ "room": null,
1737
+ "color": null
1738
+ },
1739
+ {
1740
+ "type": "empty",
1741
+ "room": null,
1742
+ "color": null
1743
+ },
1744
+ {
1745
+ "type": "empty",
1746
+ "room": null,
1747
+ "color": null
1748
+ },
1749
+ {
1750
+ "type": "wall",
1751
+ "room": null,
1752
+ "color": null
1753
+ },
1754
+ {
1755
+ "type": "empty",
1756
+ "room": null,
1757
+ "color": null
1758
+ },
1759
+ {
1760
+ "type": "empty",
1761
+ "room": null,
1762
+ "color": null
1763
+ },
1764
+ {
1765
+ "type": "empty",
1766
+ "room": null,
1767
+ "color": null
1768
+ },
1769
+ {
1770
+ "type": "empty",
1771
+ "room": null,
1772
+ "color": null
1773
+ },
1774
+ {
1775
+ "type": "empty",
1776
+ "room": null,
1777
+ "color": null
1778
+ },
1779
+ {
1780
+ "type": "empty",
1781
+ "room": null,
1782
+ "color": null
1783
+ }
1784
+ ],
1785
+ [
1786
+ {
1787
+ "type": "empty",
1788
+ "room": null,
1789
+ "color": null
1790
+ },
1791
+ {
1792
+ "type": "empty",
1793
+ "room": null,
1794
+ "color": null
1795
+ },
1796
+ {
1797
+ "type": "empty",
1798
+ "room": null,
1799
+ "color": null
1800
+ },
1801
+ {
1802
+ "type": "empty",
1803
+ "room": null,
1804
+ "color": null
1805
+ },
1806
+ {
1807
+ "type": "empty",
1808
+ "room": null,
1809
+ "color": null
1810
+ },
1811
+ {
1812
+ "type": "empty",
1813
+ "room": null,
1814
+ "color": null
1815
+ },
1816
+ {
1817
+ "type": "empty",
1818
+ "room": null,
1819
+ "color": null
1820
+ },
1821
+ {
1822
+ "type": "empty",
1823
+ "room": null,
1824
+ "color": null
1825
+ },
1826
+ {
1827
+ "type": "empty",
1828
+ "room": null,
1829
+ "color": null
1830
+ },
1831
+ {
1832
+ "type": "empty",
1833
+ "room": null,
1834
+ "color": null
1835
+ },
1836
+ {
1837
+ "type": "empty",
1838
+ "room": null,
1839
+ "color": null
1840
+ },
1841
+ {
1842
+ "type": "empty",
1843
+ "room": null,
1844
+ "color": null
1845
+ },
1846
+ {
1847
+ "type": "empty",
1848
+ "room": null,
1849
+ "color": null
1850
+ },
1851
+ {
1852
+ "type": "empty",
1853
+ "room": null,
1854
+ "color": null
1855
+ },
1856
+ {
1857
+ "type": "wall",
1858
+ "room": null,
1859
+ "color": null
1860
+ },
1861
+ {
1862
+ "type": "empty",
1863
+ "room": null,
1864
+ "color": null
1865
+ },
1866
+ {
1867
+ "type": "empty",
1868
+ "room": null,
1869
+ "color": null
1870
+ },
1871
+ {
1872
+ "type": "empty",
1873
+ "room": null,
1874
+ "color": null
1875
+ },
1876
+ {
1877
+ "type": "wall",
1878
+ "room": null,
1879
+ "color": null
1880
+ },
1881
+ {
1882
+ "type": "empty",
1883
+ "room": null,
1884
+ "color": null
1885
+ },
1886
+ {
1887
+ "type": "empty",
1888
+ "room": null,
1889
+ "color": null
1890
+ },
1891
+ {
1892
+ "type": "empty",
1893
+ "room": null,
1894
+ "color": null
1895
+ },
1896
+ {
1897
+ "type": "empty",
1898
+ "room": null,
1899
+ "color": null
1900
+ },
1901
+ {
1902
+ "type": "empty",
1903
+ "room": null,
1904
+ "color": null
1905
+ },
1906
+ {
1907
+ "type": "empty",
1908
+ "room": null,
1909
+ "color": null
1910
+ },
1911
+ {
1912
+ "type": "wall",
1913
+ "room": null,
1914
+ "color": null
1915
+ },
1916
+ {
1917
+ "type": "empty",
1918
+ "room": null,
1919
+ "color": null
1920
+ },
1921
+ {
1922
+ "type": "empty",
1923
+ "room": null,
1924
+ "color": null
1925
+ },
1926
+ {
1927
+ "type": "empty",
1928
+ "room": null,
1929
+ "color": null
1930
+ },
1931
+ {
1932
+ "type": "empty",
1933
+ "room": null,
1934
+ "color": null
1935
+ },
1936
+ {
1937
+ "type": "empty",
1938
+ "room": null,
1939
+ "color": null
1940
+ },
1941
+ {
1942
+ "type": "empty",
1943
+ "room": null,
1944
+ "color": null
1945
+ }
1946
+ ],
1947
+ [
1948
+ {
1949
+ "type": "wall",
1950
+ "room": null,
1951
+ "color": null
1952
+ },
1953
+ {
1954
+ "type": "wall",
1955
+ "room": null,
1956
+ "color": null
1957
+ },
1958
+ {
1959
+ "type": "wall",
1960
+ "room": null,
1961
+ "color": null
1962
+ },
1963
+ {
1964
+ "type": "wall",
1965
+ "room": null,
1966
+ "color": null
1967
+ },
1968
+ {
1969
+ "type": "wall",
1970
+ "room": null,
1971
+ "color": null
1972
+ },
1973
+ {
1974
+ "type": "wall",
1975
+ "room": null,
1976
+ "color": null
1977
+ },
1978
+ {
1979
+ "type": "wall",
1980
+ "room": null,
1981
+ "color": null
1982
+ },
1983
+ {
1984
+ "type": "wall",
1985
+ "room": null,
1986
+ "color": null
1987
+ },
1988
+ {
1989
+ "type": "wall",
1990
+ "room": null,
1991
+ "color": null
1992
+ },
1993
+ {
1994
+ "type": "wall",
1995
+ "room": null,
1996
+ "color": null
1997
+ },
1998
+ {
1999
+ "type": "wall",
2000
+ "room": null,
2001
+ "color": null
2002
+ },
2003
+ {
2004
+ "type": "wall",
2005
+ "room": null,
2006
+ "color": null
2007
+ },
2008
+ {
2009
+ "type": "wall",
2010
+ "room": null,
2011
+ "color": null
2012
+ },
2013
+ {
2014
+ "type": "wall",
2015
+ "room": null,
2016
+ "color": null
2017
+ },
2018
+ {
2019
+ "type": "wall",
2020
+ "room": null,
2021
+ "color": null
2022
+ },
2023
+ {
2024
+ "type": "wall",
2025
+ "room": null,
2026
+ "color": null
2027
+ },
2028
+ {
2029
+ "type": "door",
2030
+ "room": null,
2031
+ "color": null
2032
+ },
2033
+ {
2034
+ "type": "wall",
2035
+ "room": null,
2036
+ "color": null
2037
+ },
2038
+ {
2039
+ "type": "wall",
2040
+ "room": null,
2041
+ "color": null
2042
+ },
2043
+ {
2044
+ "type": "wall",
2045
+ "room": null,
2046
+ "color": null
2047
+ },
2048
+ {
2049
+ "type": "wall",
2050
+ "room": null,
2051
+ "color": null
2052
+ },
2053
+ {
2054
+ "type": "door",
2055
+ "room": null,
2056
+ "color": null
2057
+ },
2058
+ {
2059
+ "type": "door",
2060
+ "room": null,
2061
+ "color": null
2062
+ },
2063
+ {
2064
+ "type": "wall",
2065
+ "room": null,
2066
+ "color": null
2067
+ },
2068
+ {
2069
+ "type": "wall",
2070
+ "room": null,
2071
+ "color": null
2072
+ },
2073
+ {
2074
+ "type": "wall",
2075
+ "room": null,
2076
+ "color": null
2077
+ },
2078
+ {
2079
+ "type": "wall",
2080
+ "room": null,
2081
+ "color": null
2082
+ },
2083
+ {
2084
+ "type": "wall",
2085
+ "room": null,
2086
+ "color": null
2087
+ },
2088
+ {
2089
+ "type": "wall",
2090
+ "room": null,
2091
+ "color": null
2092
+ },
2093
+ {
2094
+ "type": "wall",
2095
+ "room": null,
2096
+ "color": null
2097
+ },
2098
+ {
2099
+ "type": "wall",
2100
+ "room": null,
2101
+ "color": null
2102
+ },
2103
+ {
2104
+ "type": "wall",
2105
+ "room": null,
2106
+ "color": null
2107
+ }
2108
+ ],
2109
+ [
2110
+ {
2111
+ "type": "wall",
2112
+ "room": null,
2113
+ "color": null
2114
+ },
2115
+ {
2116
+ "type": "empty",
2117
+ "room": null,
2118
+ "color": null
2119
+ },
2120
+ {
2121
+ "type": "empty",
2122
+ "room": null,
2123
+ "color": null
2124
+ },
2125
+ {
2126
+ "type": "empty",
2127
+ "room": null,
2128
+ "color": "yellow"
2129
+ },
2130
+ {
2131
+ "type": "empty",
2132
+ "room": null,
2133
+ "color": "yellow"
2134
+ },
2135
+ {
2136
+ "type": "empty",
2137
+ "room": null,
2138
+ "color": "yellow"
2139
+ },
2140
+ {
2141
+ "type": "empty",
2142
+ "room": null,
2143
+ "color": null
2144
+ },
2145
+ {
2146
+ "type": "empty",
2147
+ "room": null,
2148
+ "color": null
2149
+ },
2150
+ {
2151
+ "type": "empty",
2152
+ "room": null,
2153
+ "color": null
2154
+ },
2155
+ {
2156
+ "type": "wall",
2157
+ "room": null,
2158
+ "color": null
2159
+ },
2160
+ {
2161
+ "type": "empty",
2162
+ "room": null,
2163
+ "color": null
2164
+ },
2165
+ {
2166
+ "type": "empty",
2167
+ "room": null,
2168
+ "color": null
2169
+ },
2170
+ {
2171
+ "type": "empty",
2172
+ "room": null,
2173
+ "color": null
2174
+ },
2175
+ {
2176
+ "type": "empty",
2177
+ "room": null,
2178
+ "color": null
2179
+ },
2180
+ {
2181
+ "type": "empty",
2182
+ "room": null,
2183
+ "color": null
2184
+ },
2185
+ {
2186
+ "type": "empty",
2187
+ "room": null,
2188
+ "color": null
2189
+ },
2190
+ {
2191
+ "type": "empty",
2192
+ "room": null,
2193
+ "color": null
2194
+ },
2195
+ {
2196
+ "type": "empty",
2197
+ "room": null,
2198
+ "color": null
2199
+ },
2200
+ {
2201
+ "type": "wall",
2202
+ "room": null,
2203
+ "color": null
2204
+ },
2205
+ {
2206
+ "type": "empty",
2207
+ "room": null,
2208
+ "color": null
2209
+ },
2210
+ {
2211
+ "type": "empty",
2212
+ "room": null,
2213
+ "color": null
2214
+ },
2215
+ {
2216
+ "type": "empty",
2217
+ "room": null,
2218
+ "color": null
2219
+ },
2220
+ {
2221
+ "type": "empty",
2222
+ "room": null,
2223
+ "color": null
2224
+ },
2225
+ {
2226
+ "type": "empty",
2227
+ "room": null,
2228
+ "color": null
2229
+ },
2230
+ {
2231
+ "type": "empty",
2232
+ "room": null,
2233
+ "color": null
2234
+ },
2235
+ {
2236
+ "type": "wall",
2237
+ "room": null,
2238
+ "color": null
2239
+ },
2240
+ {
2241
+ "type": "empty",
2242
+ "room": null,
2243
+ "color": null
2244
+ },
2245
+ {
2246
+ "type": "empty",
2247
+ "room": null,
2248
+ "color": "green"
2249
+ },
2250
+ {
2251
+ "type": "empty",
2252
+ "room": null,
2253
+ "color": "green"
2254
+ },
2255
+ {
2256
+ "type": "empty",
2257
+ "room": null,
2258
+ "color": "green"
2259
+ },
2260
+ {
2261
+ "type": "empty",
2262
+ "room": null,
2263
+ "color": null
2264
+ },
2265
+ {
2266
+ "type": "wall",
2267
+ "room": null,
2268
+ "color": null
2269
+ }
2270
+ ],
2271
+ [
2272
+ {
2273
+ "type": "wall",
2274
+ "room": null,
2275
+ "color": null
2276
+ },
2277
+ {
2278
+ "type": "empty",
2279
+ "room": null,
2280
+ "color": null
2281
+ },
2282
+ {
2283
+ "type": "empty",
2284
+ "room": null,
2285
+ "color": null
2286
+ },
2287
+ {
2288
+ "type": "empty",
2289
+ "room": null,
2290
+ "color": "yellow"
2291
+ },
2292
+ {
2293
+ "type": "empty",
2294
+ "room": null,
2295
+ "color": "yellow"
2296
+ },
2297
+ {
2298
+ "type": "empty",
2299
+ "room": null,
2300
+ "color": "yellow"
2301
+ },
2302
+ {
2303
+ "type": "empty",
2304
+ "room": null,
2305
+ "color": null
2306
+ },
2307
+ {
2308
+ "type": "empty",
2309
+ "room": null,
2310
+ "color": null
2311
+ },
2312
+ {
2313
+ "type": "empty",
2314
+ "room": null,
2315
+ "color": null
2316
+ },
2317
+ {
2318
+ "type": "wall",
2319
+ "room": null,
2320
+ "color": null
2321
+ },
2322
+ {
2323
+ "type": "empty",
2324
+ "room": null,
2325
+ "color": null
2326
+ },
2327
+ {
2328
+ "type": "empty",
2329
+ "room": null,
2330
+ "color": null
2331
+ },
2332
+ {
2333
+ "type": "empty",
2334
+ "room": null,
2335
+ "color": null
2336
+ },
2337
+ {
2338
+ "type": "empty",
2339
+ "room": null,
2340
+ "color": null
2341
+ },
2342
+ {
2343
+ "type": "empty",
2344
+ "room": null,
2345
+ "color": null
2346
+ },
2347
+ {
2348
+ "type": "empty",
2349
+ "room": null,
2350
+ "color": null
2351
+ },
2352
+ {
2353
+ "type": "empty",
2354
+ "room": null,
2355
+ "color": null
2356
+ },
2357
+ {
2358
+ "type": "empty",
2359
+ "room": null,
2360
+ "color": null
2361
+ },
2362
+ {
2363
+ "type": "wall",
2364
+ "room": null,
2365
+ "color": null
2366
+ },
2367
+ {
2368
+ "type": "empty",
2369
+ "room": null,
2370
+ "color": null
2371
+ },
2372
+ {
2373
+ "type": "empty",
2374
+ "room": null,
2375
+ "color": null
2376
+ },
2377
+ {
2378
+ "type": "empty",
2379
+ "room": null,
2380
+ "color": null
2381
+ },
2382
+ {
2383
+ "type": "empty",
2384
+ "room": null,
2385
+ "color": null
2386
+ },
2387
+ {
2388
+ "type": "empty",
2389
+ "room": null,
2390
+ "color": null
2391
+ },
2392
+ {
2393
+ "type": "empty",
2394
+ "room": null,
2395
+ "color": null
2396
+ },
2397
+ {
2398
+ "type": "door",
2399
+ "room": null,
2400
+ "color": null
2401
+ },
2402
+ {
2403
+ "type": "empty",
2404
+ "room": null,
2405
+ "color": null
2406
+ },
2407
+ {
2408
+ "type": "empty",
2409
+ "room": null,
2410
+ "color": null
2411
+ },
2412
+ {
2413
+ "type": "empty",
2414
+ "room": null,
2415
+ "color": null
2416
+ },
2417
+ {
2418
+ "type": "empty",
2419
+ "room": null,
2420
+ "color": null
2421
+ },
2422
+ {
2423
+ "type": "empty",
2424
+ "room": null,
2425
+ "color": null
2426
+ },
2427
+ {
2428
+ "type": "wall",
2429
+ "room": null,
2430
+ "color": null
2431
+ }
2432
+ ],
2433
+ [
2434
+ {
2435
+ "type": "wall",
2436
+ "room": null,
2437
+ "color": null
2438
+ },
2439
+ {
2440
+ "type": "empty",
2441
+ "room": null,
2442
+ "color": null
2443
+ },
2444
+ {
2445
+ "type": "empty",
2446
+ "room": null,
2447
+ "color": null
2448
+ },
2449
+ {
2450
+ "type": "empty",
2451
+ "room": null,
2452
+ "color": "yellow"
2453
+ },
2454
+ {
2455
+ "type": "empty",
2456
+ "room": null,
2457
+ "color": "yellow"
2458
+ },
2459
+ {
2460
+ "type": "empty",
2461
+ "room": null,
2462
+ "color": "yellow"
2463
+ },
2464
+ {
2465
+ "type": "empty",
2466
+ "room": null,
2467
+ "color": null
2468
+ },
2469
+ {
2470
+ "type": "empty",
2471
+ "room": null,
2472
+ "color": null
2473
+ },
2474
+ {
2475
+ "type": "empty",
2476
+ "room": null,
2477
+ "color": null
2478
+ },
2479
+ {
2480
+ "type": "door",
2481
+ "room": null,
2482
+ "color": null
2483
+ },
2484
+ {
2485
+ "type": "empty",
2486
+ "room": null,
2487
+ "color": null
2488
+ },
2489
+ {
2490
+ "type": "empty",
2491
+ "room": null,
2492
+ "color": null
2493
+ },
2494
+ {
2495
+ "type": "empty",
2496
+ "room": null,
2497
+ "color": null
2498
+ },
2499
+ {
2500
+ "type": "empty",
2501
+ "room": null,
2502
+ "color": null
2503
+ },
2504
+ {
2505
+ "type": "empty",
2506
+ "room": null,
2507
+ "color": null
2508
+ },
2509
+ {
2510
+ "type": "empty",
2511
+ "room": null,
2512
+ "color": null
2513
+ },
2514
+ {
2515
+ "type": "empty",
2516
+ "room": null,
2517
+ "color": null
2518
+ },
2519
+ {
2520
+ "type": "empty",
2521
+ "room": null,
2522
+ "color": null
2523
+ },
2524
+ {
2525
+ "type": "door",
2526
+ "room": null,
2527
+ "color": null
2528
+ },
2529
+ {
2530
+ "type": "empty",
2531
+ "room": null,
2532
+ "color": null
2533
+ },
2534
+ {
2535
+ "type": "empty",
2536
+ "room": null,
2537
+ "color": null
2538
+ },
2539
+ {
2540
+ "type": "empty",
2541
+ "room": null,
2542
+ "color": null
2543
+ },
2544
+ {
2545
+ "type": "empty",
2546
+ "room": null,
2547
+ "color": null
2548
+ },
2549
+ {
2550
+ "type": "empty",
2551
+ "room": null,
2552
+ "color": null
2553
+ },
2554
+ {
2555
+ "type": "empty",
2556
+ "room": null,
2557
+ "color": null
2558
+ },
2559
+ {
2560
+ "type": "wall",
2561
+ "room": null,
2562
+ "color": null
2563
+ },
2564
+ {
2565
+ "type": "empty",
2566
+ "room": null,
2567
+ "color": null
2568
+ },
2569
+ {
2570
+ "type": "empty",
2571
+ "room": null,
2572
+ "color": null
2573
+ },
2574
+ {
2575
+ "type": "empty",
2576
+ "room": null,
2577
+ "color": null
2578
+ },
2579
+ {
2580
+ "type": "empty",
2581
+ "room": null,
2582
+ "color": null
2583
+ },
2584
+ {
2585
+ "type": "empty",
2586
+ "room": null,
2587
+ "color": null
2588
+ },
2589
+ {
2590
+ "type": "wall",
2591
+ "room": null,
2592
+ "color": null
2593
+ }
2594
+ ],
2595
+ [
2596
+ {
2597
+ "type": "wall",
2598
+ "room": null,
2599
+ "color": null
2600
+ },
2601
+ {
2602
+ "type": "empty",
2603
+ "room": null,
2604
+ "color": null
2605
+ },
2606
+ {
2607
+ "type": "empty",
2608
+ "room": null,
2609
+ "color": null
2610
+ },
2611
+ {
2612
+ "type": "empty",
2613
+ "room": null,
2614
+ "color": null
2615
+ },
2616
+ {
2617
+ "type": "empty",
2618
+ "room": null,
2619
+ "color": null
2620
+ },
2621
+ {
2622
+ "type": "empty",
2623
+ "room": null,
2624
+ "color": null
2625
+ },
2626
+ {
2627
+ "type": "empty",
2628
+ "room": null,
2629
+ "color": null
2630
+ },
2631
+ {
2632
+ "type": "empty",
2633
+ "room": null,
2634
+ "color": null
2635
+ },
2636
+ {
2637
+ "type": "empty",
2638
+ "room": null,
2639
+ "color": null
2640
+ },
2641
+ {
2642
+ "type": "door",
2643
+ "room": null,
2644
+ "color": null
2645
+ },
2646
+ {
2647
+ "type": "empty",
2648
+ "room": null,
2649
+ "color": null
2650
+ },
2651
+ {
2652
+ "type": "empty",
2653
+ "room": null,
2654
+ "color": null
2655
+ },
2656
+ {
2657
+ "type": "empty",
2658
+ "room": null,
2659
+ "color": null
2660
+ },
2661
+ {
2662
+ "type": "empty",
2663
+ "room": null,
2664
+ "color": null
2665
+ },
2666
+ {
2667
+ "type": "empty",
2668
+ "room": null,
2669
+ "color": null
2670
+ },
2671
+ {
2672
+ "type": "empty",
2673
+ "room": null,
2674
+ "color": null
2675
+ },
2676
+ {
2677
+ "type": "empty",
2678
+ "room": null,
2679
+ "color": null
2680
+ },
2681
+ {
2682
+ "type": "empty",
2683
+ "room": null,
2684
+ "color": null
2685
+ },
2686
+ {
2687
+ "type": "door",
2688
+ "room": null,
2689
+ "color": null
2690
+ },
2691
+ {
2692
+ "type": "empty",
2693
+ "room": null,
2694
+ "color": null
2695
+ },
2696
+ {
2697
+ "type": "empty",
2698
+ "room": null,
2699
+ "color": null
2700
+ },
2701
+ {
2702
+ "type": "empty",
2703
+ "room": null,
2704
+ "color": "red"
2705
+ },
2706
+ {
2707
+ "type": "empty",
2708
+ "room": null,
2709
+ "color": "red"
2710
+ },
2711
+ {
2712
+ "type": "empty",
2713
+ "room": null,
2714
+ "color": null
2715
+ },
2716
+ {
2717
+ "type": "empty",
2718
+ "room": null,
2719
+ "color": null
2720
+ },
2721
+ {
2722
+ "type": "wall",
2723
+ "room": null,
2724
+ "color": null
2725
+ },
2726
+ {
2727
+ "type": "empty",
2728
+ "room": null,
2729
+ "color": null
2730
+ },
2731
+ {
2732
+ "type": "empty",
2733
+ "room": null,
2734
+ "color": null
2735
+ },
2736
+ {
2737
+ "type": "empty",
2738
+ "room": null,
2739
+ "color": null
2740
+ },
2741
+ {
2742
+ "type": "empty",
2743
+ "room": null,
2744
+ "color": null
2745
+ },
2746
+ {
2747
+ "type": "empty",
2748
+ "room": null,
2749
+ "color": null
2750
+ },
2751
+ {
2752
+ "type": "wall",
2753
+ "room": null,
2754
+ "color": null
2755
+ }
2756
+ ],
2757
+ [
2758
+ {
2759
+ "type": "wall",
2760
+ "room": null,
2761
+ "color": null
2762
+ },
2763
+ {
2764
+ "type": "empty",
2765
+ "room": null,
2766
+ "color": null
2767
+ },
2768
+ {
2769
+ "type": "empty",
2770
+ "room": null,
2771
+ "color": null
2772
+ },
2773
+ {
2774
+ "type": "empty",
2775
+ "room": null,
2776
+ "color": null
2777
+ },
2778
+ {
2779
+ "type": "empty",
2780
+ "room": null,
2781
+ "color": null
2782
+ },
2783
+ {
2784
+ "type": "empty",
2785
+ "room": null,
2786
+ "color": null
2787
+ },
2788
+ {
2789
+ "type": "empty",
2790
+ "room": null,
2791
+ "color": null
2792
+ },
2793
+ {
2794
+ "type": "empty",
2795
+ "room": null,
2796
+ "color": null
2797
+ },
2798
+ {
2799
+ "type": "empty",
2800
+ "room": null,
2801
+ "color": null
2802
+ },
2803
+ {
2804
+ "type": "wall",
2805
+ "room": null,
2806
+ "color": null
2807
+ },
2808
+ {
2809
+ "type": "empty",
2810
+ "room": null,
2811
+ "color": null
2812
+ },
2813
+ {
2814
+ "type": "empty",
2815
+ "room": null,
2816
+ "color": null
2817
+ },
2818
+ {
2819
+ "type": "empty",
2820
+ "room": null,
2821
+ "color": null
2822
+ },
2823
+ {
2824
+ "type": "empty",
2825
+ "room": null,
2826
+ "color": null
2827
+ },
2828
+ {
2829
+ "type": "empty",
2830
+ "room": null,
2831
+ "color": null
2832
+ },
2833
+ {
2834
+ "type": "empty",
2835
+ "room": null,
2836
+ "color": null
2837
+ },
2838
+ {
2839
+ "type": "empty",
2840
+ "room": null,
2841
+ "color": null
2842
+ },
2843
+ {
2844
+ "type": "empty",
2845
+ "room": null,
2846
+ "color": null
2847
+ },
2848
+ {
2849
+ "type": "wall",
2850
+ "room": null,
2851
+ "color": null
2852
+ },
2853
+ {
2854
+ "type": "empty",
2855
+ "room": null,
2856
+ "color": null
2857
+ },
2858
+ {
2859
+ "type": "empty",
2860
+ "room": null,
2861
+ "color": null
2862
+ },
2863
+ {
2864
+ "type": "empty",
2865
+ "room": null,
2866
+ "color": null
2867
+ },
2868
+ {
2869
+ "type": "empty",
2870
+ "room": null,
2871
+ "color": null
2872
+ },
2873
+ {
2874
+ "type": "empty",
2875
+ "room": null,
2876
+ "color": null
2877
+ },
2878
+ {
2879
+ "type": "empty",
2880
+ "room": null,
2881
+ "color": null
2882
+ },
2883
+ {
2884
+ "type": "wall",
2885
+ "room": null,
2886
+ "color": null
2887
+ },
2888
+ {
2889
+ "type": "empty",
2890
+ "room": null,
2891
+ "color": null
2892
+ },
2893
+ {
2894
+ "type": "empty",
2895
+ "room": null,
2896
+ "color": "yellow"
2897
+ },
2898
+ {
2899
+ "type": "empty",
2900
+ "room": null,
2901
+ "color": "yellow"
2902
+ },
2903
+ {
2904
+ "type": "empty",
2905
+ "room": null,
2906
+ "color": "yellow"
2907
+ },
2908
+ {
2909
+ "type": "empty",
2910
+ "room": null,
2911
+ "color": null
2912
+ },
2913
+ {
2914
+ "type": "wall",
2915
+ "room": null,
2916
+ "color": null
2917
+ }
2918
+ ],
2919
+ [
2920
+ {
2921
+ "type": "wall",
2922
+ "room": null,
2923
+ "color": null
2924
+ },
2925
+ {
2926
+ "type": "empty",
2927
+ "room": null,
2928
+ "color": null
2929
+ },
2930
+ {
2931
+ "type": "empty",
2932
+ "room": null,
2933
+ "color": null
2934
+ },
2935
+ {
2936
+ "type": "empty",
2937
+ "room": null,
2938
+ "color": "green"
2939
+ },
2940
+ {
2941
+ "type": "empty",
2942
+ "room": null,
2943
+ "color": "green"
2944
+ },
2945
+ {
2946
+ "type": "empty",
2947
+ "room": null,
2948
+ "color": "green"
2949
+ },
2950
+ {
2951
+ "type": "empty",
2952
+ "room": null,
2953
+ "color": null
2954
+ },
2955
+ {
2956
+ "type": "empty",
2957
+ "room": null,
2958
+ "color": null
2959
+ },
2960
+ {
2961
+ "type": "empty",
2962
+ "room": null,
2963
+ "color": null
2964
+ },
2965
+ {
2966
+ "type": "wall",
2967
+ "room": null,
2968
+ "color": null
2969
+ },
2970
+ {
2971
+ "type": "empty",
2972
+ "room": null,
2973
+ "color": null
2974
+ },
2975
+ {
2976
+ "type": "empty",
2977
+ "room": null,
2978
+ "color": null
2979
+ },
2980
+ {
2981
+ "type": "empty",
2982
+ "room": null,
2983
+ "color": null
2984
+ },
2985
+ {
2986
+ "type": "empty",
2987
+ "room": null,
2988
+ "color": "red"
2989
+ },
2990
+ {
2991
+ "type": "empty",
2992
+ "room": null,
2993
+ "color": "red"
2994
+ },
2995
+ {
2996
+ "type": "empty",
2997
+ "room": null,
2998
+ "color": "red"
2999
+ },
3000
+ {
3001
+ "type": "empty",
3002
+ "room": null,
3003
+ "color": null
3004
+ },
3005
+ {
3006
+ "type": "empty",
3007
+ "room": null,
3008
+ "color": null
3009
+ },
3010
+ {
3011
+ "type": "wall",
3012
+ "room": null,
3013
+ "color": null
3014
+ },
3015
+ {
3016
+ "type": "empty",
3017
+ "room": null,
3018
+ "color": null
3019
+ },
3020
+ {
3021
+ "type": "empty",
3022
+ "room": null,
3023
+ "color": null
3024
+ },
3025
+ {
3026
+ "type": "empty",
3027
+ "room": null,
3028
+ "color": "red"
3029
+ },
3030
+ {
3031
+ "type": "empty",
3032
+ "room": null,
3033
+ "color": "red"
3034
+ },
3035
+ {
3036
+ "type": "empty",
3037
+ "room": null,
3038
+ "color": null
3039
+ },
3040
+ {
3041
+ "type": "empty",
3042
+ "room": null,
3043
+ "color": null
3044
+ },
3045
+ {
3046
+ "type": "wall",
3047
+ "room": null,
3048
+ "color": null
3049
+ },
3050
+ {
3051
+ "type": "empty",
3052
+ "room": null,
3053
+ "color": null
3054
+ },
3055
+ {
3056
+ "type": "empty",
3057
+ "room": null,
3058
+ "color": "yellow"
3059
+ },
3060
+ {
3061
+ "type": "empty",
3062
+ "room": null,
3063
+ "color": "yellow"
3064
+ },
3065
+ {
3066
+ "type": "empty",
3067
+ "room": null,
3068
+ "color": "yellow"
3069
+ },
3070
+ {
3071
+ "type": "empty",
3072
+ "room": null,
3073
+ "color": null
3074
+ },
3075
+ {
3076
+ "type": "wall",
3077
+ "room": null,
3078
+ "color": null
3079
+ }
3080
+ ],
3081
+ [
3082
+ {
3083
+ "type": "wall",
3084
+ "room": null,
3085
+ "color": null
3086
+ },
3087
+ {
3088
+ "type": "wall",
3089
+ "room": null,
3090
+ "color": null
3091
+ },
3092
+ {
3093
+ "type": "wall",
3094
+ "room": null,
3095
+ "color": null
3096
+ },
3097
+ {
3098
+ "type": "wall",
3099
+ "room": null,
3100
+ "color": null
3101
+ },
3102
+ {
3103
+ "type": "wall",
3104
+ "room": null,
3105
+ "color": null
3106
+ },
3107
+ {
3108
+ "type": "wall",
3109
+ "room": null,
3110
+ "color": null
3111
+ },
3112
+ {
3113
+ "type": "wall",
3114
+ "room": null,
3115
+ "color": null
3116
+ },
3117
+ {
3118
+ "type": "wall",
3119
+ "room": null,
3120
+ "color": null
3121
+ },
3122
+ {
3123
+ "type": "wall",
3124
+ "room": null,
3125
+ "color": null
3126
+ },
3127
+ {
3128
+ "type": "wall",
3129
+ "room": null,
3130
+ "color": null
3131
+ },
3132
+ {
3133
+ "type": "wall",
3134
+ "room": null,
3135
+ "color": null
3136
+ },
3137
+ {
3138
+ "type": "wall",
3139
+ "room": null,
3140
+ "color": null
3141
+ },
3142
+ {
3143
+ "type": "wall",
3144
+ "room": null,
3145
+ "color": null
3146
+ },
3147
+ {
3148
+ "type": "wall",
3149
+ "room": null,
3150
+ "color": null
3151
+ },
3152
+ {
3153
+ "type": "wall",
3154
+ "room": null,
3155
+ "color": null
3156
+ },
3157
+ {
3158
+ "type": "wall",
3159
+ "room": null,
3160
+ "color": null
3161
+ },
3162
+ {
3163
+ "type": "wall",
3164
+ "room": null,
3165
+ "color": null
3166
+ },
3167
+ {
3168
+ "type": "wall",
3169
+ "room": null,
3170
+ "color": null
3171
+ },
3172
+ {
3173
+ "type": "wall",
3174
+ "room": null,
3175
+ "color": null
3176
+ },
3177
+ {
3178
+ "type": "wall",
3179
+ "room": null,
3180
+ "color": null
3181
+ },
3182
+ {
3183
+ "type": "wall",
3184
+ "room": null,
3185
+ "color": null
3186
+ },
3187
+ {
3188
+ "type": "wall",
3189
+ "room": null,
3190
+ "color": null
3191
+ },
3192
+ {
3193
+ "type": "wall",
3194
+ "room": null,
3195
+ "color": null
3196
+ },
3197
+ {
3198
+ "type": "wall",
3199
+ "room": null,
3200
+ "color": null
3201
+ },
3202
+ {
3203
+ "type": "wall",
3204
+ "room": null,
3205
+ "color": null
3206
+ },
3207
+ {
3208
+ "type": "wall",
3209
+ "room": null,
3210
+ "color": null
3211
+ },
3212
+ {
3213
+ "type": "wall",
3214
+ "room": null,
3215
+ "color": null
3216
+ },
3217
+ {
3218
+ "type": "wall",
3219
+ "room": null,
3220
+ "color": null
3221
+ },
3222
+ {
3223
+ "type": "wall",
3224
+ "room": null,
3225
+ "color": null
3226
+ },
3227
+ {
3228
+ "type": "wall",
3229
+ "room": null,
3230
+ "color": null
3231
+ },
3232
+ {
3233
+ "type": "wall",
3234
+ "room": null,
3235
+ "color": null
3236
+ },
3237
+ {
3238
+ "type": "wall",
3239
+ "room": null,
3240
+ "color": null
3241
+ }
3242
+ ]
3243
+ ],
3244
+ "rooms": [
3245
+ [
3246
+ "Kichen",
3247
+ [
3248
+ {
3249
+ "x": 28,
3250
+ "y": 3
3251
+ },
3252
+ {
3253
+ "x": 28,
3254
+ "y": 3
3255
+ }
3256
+ ]
3257
+ ],
3258
+ [
3259
+ "Storage",
3260
+ [
3261
+ {
3262
+ "x": 3,
3263
+ "y": 3
3264
+ }
3265
+ ]
3266
+ ],
3267
+ [
3268
+ "My Bedroom",
3269
+ [
3270
+ {
3271
+ "x": 4,
3272
+ "y": 16
3273
+ },
3274
+ {
3275
+ "x": 4,
3276
+ "y": 16
3277
+ }
3278
+ ]
3279
+ ],
3280
+ [
3281
+ "Bathroom",
3282
+ [
3283
+ {
3284
+ "x": 16,
3285
+ "y": 10
3286
+ }
3287
+ ]
3288
+ ],
3289
+ [
3290
+ "Main Hallway",
3291
+ [
3292
+ {
3293
+ "x": 14,
3294
+ "y": 15
3295
+ }
3296
+ ]
3297
+ ],
3298
+ [
3299
+ "Living Room",
3300
+ [
3301
+ {
3302
+ "x": 21,
3303
+ "y": 15
3304
+ },
3305
+ {
3306
+ "x": 21,
3307
+ "y": 15
3308
+ },
3309
+ {
3310
+ "x": 21,
3311
+ "y": 15
3312
+ },
3313
+ {
3314
+ "x": 21,
3315
+ "y": 15
3316
+ }
3317
+ ]
3318
+ ],
3319
+ [
3320
+ "Guest Bedroom",
3321
+ [
3322
+ {
3323
+ "x": 28,
3324
+ "y": 15
3325
+ }
3326
+ ]
3327
+ ],
3328
+ [
3329
+ "Dining Room",
3330
+ [
3331
+ {
3332
+ "x": 16,
3333
+ "y": 3
3334
+ }
3335
+ ]
3336
+ ],
3337
+ [
3338
+ "Office",
3339
+ [
3340
+ {
3341
+ "x": 21,
3342
+ "y": 9
3343
+ },
3344
+ {
3345
+ "x": 21,
3346
+ "y": 9
3347
+ }
3348
+ ]
3349
+ ],
3350
+ [
3351
+ "North Hallway",
3352
+ [
3353
+ {
3354
+ "x": 9,
3355
+ "y": 3
3356
+ },
3357
+ {
3358
+ "x": 9,
3359
+ "y": 3
3360
+ }
3361
+ ]
3362
+ ]
3363
+ ],
3364
+ "characterPos": {
3365
+ "x": 28,
3366
+ "y": 15
3367
+ },
3368
+ "gridCols": 32,
3369
+ "gridRows": 20
3370
+ }
static/game/game-with-chat.html ADDED
@@ -0,0 +1,537 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Get Me Out! - Apartment Escape Game with Chat</title>
5
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
6
+ <style>
7
+ /* Layout */
8
+ body {
9
+ margin: 0;
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ height: 100vh;
13
+ }
14
+ #gameContainer {
15
+ display: flex;
16
+ width: 100%;
17
+ height: 100%;
18
+ }
19
+ #mapSection {
20
+ flex: 1;
21
+ position: relative;
22
+ background: #f5f5f5;
23
+ display: flex;
24
+ flex-direction: column;
25
+ align-items: center;
26
+ }
27
+ /* We'll place the P5 canvas in here */
28
+ .map-wrapper {
29
+ margin: 20px;
30
+ transform-origin: top left;
31
+ }
32
+
33
+ #chatSection {
34
+ width: 400px;
35
+ border-left: 1px solid #ddd;
36
+ display: flex;
37
+ flex-direction: column;
38
+ background: white;
39
+ }
40
+ #chatHistory {
41
+ flex: 1;
42
+ overflow-y: auto;
43
+ padding: 20px;
44
+ background: #f8f9fa;
45
+ }
46
+ #chatControls {
47
+ padding: 20px;
48
+ border-top: 1px solid #ddd;
49
+ background: white;
50
+ }
51
+ .chat-message {
52
+ padding: 10px;
53
+ margin: 5px 0;
54
+ border-radius: 16px;
55
+ max-width: 80%;
56
+ word-wrap: break-word;
57
+ }
58
+ .user-message {
59
+ background: #007AFF;
60
+ color: white;
61
+ margin-left: auto;
62
+ border-radius: 16px 16px 4px 16px;
63
+ }
64
+ .assistant-message {
65
+ background: #E9E9EB;
66
+ color: black;
67
+ margin-right: auto;
68
+ border-radius: 16px 16px 16px 4px;
69
+ }
70
+ textarea {
71
+ width: 100%;
72
+ padding: 10px;
73
+ border: 1px solid #ddd;
74
+ border-radius: 4px;
75
+ margin-bottom: 10px;
76
+ resize: none;
77
+ font-family: inherit;
78
+ }
79
+ button {
80
+ padding: 8px 16px;
81
+ background: #007AFF;
82
+ color: white;
83
+ border: none;
84
+ border-radius: 4px;
85
+ cursor: pointer;
86
+ }
87
+ button:hover {
88
+ background: #0056b3;
89
+ }
90
+ .loading-dots {
91
+ display: inline-flex;
92
+ gap: 4px;
93
+ padding: 5px;
94
+ margin: 5px 0;
95
+ }
96
+ .dot {
97
+ width: 8px;
98
+ height: 8px;
99
+ background: #6c757d;
100
+ border-radius: 50%;
101
+ animation: wave 1.3s linear infinite;
102
+ }
103
+ .dot:nth-child(2) { animation-delay: -1.1s; }
104
+ .dot:nth-child(3) { animation-delay: -0.9s; }
105
+ @keyframes wave {
106
+ 0%, 60%, 100% { transform: translateY(0); }
107
+ 30% { transform: translateY(-4px); }
108
+ }
109
+
110
+ /* Modal for API key (if needed) */
111
+ #apiKeyModal {
112
+ display: none;
113
+ position: fixed;
114
+ top: 0; left: 0;
115
+ width: 100%; height: 100%;
116
+ background: rgba(0,0,0,0.5);
117
+ justify-content: center;
118
+ align-items: center;
119
+ }
120
+ .modal-content {
121
+ background: white;
122
+ padding: 20px;
123
+ border-radius: 8px;
124
+ width: 300px;
125
+ }
126
+ #apiKey {
127
+ width: 100%;
128
+ margin: 10px 0;
129
+ padding: 8px;
130
+ }
131
+ </style>
132
+ </head>
133
+ <body>
134
+ <div id="gameContainer">
135
+ <div id="mapSection">
136
+ <div id="mapWrapper" class="map-wrapper">
137
+ <!-- P5.js canvas goes here -->
138
+ </div>
139
+ </div>
140
+ <div id="chatSection">
141
+ <div id="chatHistory"></div>
142
+ <div id="chatControls">
143
+ <textarea id="prompt" placeholder="Type your message..." rows="3"></textarea>
144
+ <button onclick="sendMessage()">Send</button>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ <div id="apiKeyModal">
149
+ <div class="modal-content">
150
+ <h3>Enter Mistral API Key</h3>
151
+ <input type="password" id="apiKey" placeholder="Enter your API key">
152
+ <button onclick="saveApiKey()">Save</button>
153
+ </div>
154
+ </div>
155
+
156
+ <script>
157
+ /*
158
+ * This script loads ./apt.json to set up the map,
159
+ * draws it in p5.js, and provides a chat interface on the right.
160
+ */
161
+
162
+ // Constants and variables for the map
163
+ const CELL_SIZE = 30;
164
+ let GRID_COLS = 0;
165
+ let GRID_ROWS = 0;
166
+ let grid = [];
167
+ let rooms = new Map();
168
+ let characterPos = null;
169
+ let path = [];
170
+ let isMoving = false;
171
+ let moveInterval = null;
172
+
173
+ // Chat variables
174
+ let apiKey = localStorage.getItem('mistralApiKey');
175
+ const systemPrompt = `You are the game master of "Get Me Out!", a single-player text-based survival game. The scenario: a player must guide their girlfriend to safety via text messages while she's being hunted by a murderous clown in their apartment. The player has access to security cameras and can send instructions through text.
176
+
177
+ RESPONSE FORMAT:
178
+ You must ALWAYS respond with a JSON object. The response should reflect the girlfriend's reaction to the player's message.
179
+
180
+ 1. For movement instructions ("go" action):
181
+ {
182
+ "action": "go",
183
+ "to": "[room name]",
184
+ "textMessage": "[girlfriend's response]"
185
+ }
186
+
187
+ 2. For any other input or unclear instructions:
188
+ {
189
+ "textMessage": "[girlfriend's response]"
190
+ }
191
+
192
+ VALID ROOMS:
193
+ Only these rooms are recognized for movement:
194
+ - Main Bathroom
195
+ - Guest Toilet
196
+ - Dining Room
197
+ - Kitchen
198
+ - TV Room
199
+ - Living Room
200
+ - Hallway
201
+ - Office
202
+ - Bedroom
203
+
204
+ CHARACTER BEHAVIOR:
205
+ The girlfriend is aware of the danger and extremely distressed. Her text responses should be:
206
+ - Brief and urgent
207
+ - Reflect genuine fear and panic
208
+ - Written like real text messages (short, quick responses)
209
+ - No time for pleasantries or long explanations
210
+ - May include typos or rushed writing due to stress
211
+ `;
212
+
213
+ // Load apt.json upon page start
214
+ async function loadAptJson() {
215
+ try {
216
+ const response = await fetch('./apt.json');
217
+ if (!response.ok) {
218
+ alert("Failed to load apt.json!");
219
+ return;
220
+ }
221
+ const data = await response.json();
222
+ // Update local variables from apt.json
223
+ GRID_COLS = data.gridCols || 40;
224
+ GRID_ROWS = data.gridRows || 20;
225
+ grid = data.grid || [];
226
+ rooms = new Map(data.rooms);
227
+ characterPos = data.characterPos || { x: 0, y: 0 };
228
+
229
+ // Once loaded, initialize the P5 canvas with correct dims
230
+ let canvas = createCanvas(GRID_COLS * CELL_SIZE, GRID_ROWS * CELL_SIZE);
231
+ canvas.parent('mapWrapper');
232
+ adjustScale();
233
+
234
+ } catch (e) {
235
+ console.error("Error loading apt.json:", e);
236
+ }
237
+ }
238
+
239
+ function adjustScale() {
240
+ const availableWidth = window.innerWidth - 400 - 40; // space for chat + margins
241
+ const actualCanvasWidth = GRID_COLS * CELL_SIZE;
242
+ const scale = availableWidth / actualCanvasWidth;
243
+ const mapWrapper = document.querySelector('#mapSection .map-wrapper');
244
+ if (mapWrapper) {
245
+ // use CSS zoom or transform
246
+ mapWrapper.style.zoom = scale;
247
+ }
248
+ }
249
+
250
+ window.addEventListener('resize', adjustScale);
251
+
252
+ // p5.js setup
253
+ function setup() {
254
+ // We'll wait to createCanvas until apt.json is loaded
255
+ loadAptJson();
256
+ }
257
+
258
+ // p5.js draw loop
259
+ function draw() {
260
+ if (!grid || grid.length === 0) {
261
+ // No grid loaded yet or apt.json not ready
262
+ return;
263
+ }
264
+ background(255);
265
+ drawGrid();
266
+ drawRooms();
267
+ drawWallsAndDoors();
268
+ drawPath();
269
+ drawCharacter();
270
+ }
271
+
272
+ function drawGrid() {
273
+ stroke(200);
274
+ for (let x = 0; x <= GRID_COLS; x++) {
275
+ line(x * CELL_SIZE, 0, x * CELL_SIZE, GRID_ROWS*CELL_SIZE);
276
+ }
277
+ for (let y = 0; y <= GRID_ROWS; y++) {
278
+ line(0, y * CELL_SIZE, GRID_COLS*CELL_SIZE, y * CELL_SIZE);
279
+ }
280
+ }
281
+
282
+ function drawRooms() {
283
+ for (let [roomName, cells] of rooms) {
284
+ const hue = stringToHue(roomName);
285
+ fill(hue, 30, 95, 0.3);
286
+ noStroke();
287
+ for (let cell of cells) {
288
+ rect(cell.x * CELL_SIZE, cell.y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
289
+ }
290
+ if (cells.length > 0) {
291
+ fill(0);
292
+ textAlign(CENTER, CENTER);
293
+ textSize(10);
294
+ text(roomName,
295
+ cells[0].x * CELL_SIZE + CELL_SIZE/2,
296
+ cells[0].y * CELL_SIZE + CELL_SIZE/2
297
+ );
298
+ }
299
+ }
300
+ }
301
+
302
+ function drawWallsAndDoors() {
303
+ for (let y = 0; y < GRID_ROWS; y++) {
304
+ for (let x = 0; x < GRID_COLS; x++) {
305
+ const cell = grid[y][x];
306
+ if (cell.type === 'wall') {
307
+ fill(0);
308
+ noStroke();
309
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
310
+ } else if (cell.type === 'door') {
311
+ fill(255, 0, 0);
312
+ noStroke();
313
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
314
+ }
315
+ }
316
+ }
317
+ }
318
+
319
+ function drawPath() {
320
+ if (path.length > 0 && isMoving) {
321
+ noFill();
322
+ stroke(0, 255, 0);
323
+ strokeWeight(2);
324
+ line(
325
+ characterPos.x * CELL_SIZE + CELL_SIZE/2,
326
+ characterPos.y * CELL_SIZE + CELL_SIZE/2,
327
+ path[0].x * CELL_SIZE + CELL_SIZE/2,
328
+ path[0].y * CELL_SIZE + CELL_SIZE/2
329
+ );
330
+ for (let i = 0; i < path.length - 1; i++) {
331
+ line(
332
+ path[i].x * CELL_SIZE + CELL_SIZE/2,
333
+ path[i].y * CELL_SIZE + CELL_SIZE/2,
334
+ path[i + 1].x * CELL_SIZE + CELL_SIZE/2,
335
+ path[i + 1].y * CELL_SIZE + CELL_SIZE/2
336
+ );
337
+ }
338
+ strokeWeight(1);
339
+ }
340
+ }
341
+
342
+ function drawCharacter() {
343
+ if (characterPos) {
344
+ textSize(CELL_SIZE * 0.8);
345
+ textAlign(CENTER, CENTER);
346
+ text('👧',
347
+ characterPos.x * CELL_SIZE + CELL_SIZE/2,
348
+ characterPos.y * CELL_SIZE + CELL_SIZE/2
349
+ );
350
+ }
351
+ }
352
+
353
+ function stringToHue(str) {
354
+ let hash = 0;
355
+ for (let i = 0; i < str.length; i++) {
356
+ hash = str.charCodeAt(i) + ((hash << 5) - hash);
357
+ }
358
+ return hash % 360;
359
+ }
360
+
361
+ // Simple BFS for pathfinding
362
+ function findPath(start, end) {
363
+ const queue = [[start]];
364
+ const visited = new Set();
365
+ const key = pos => `${pos.x},${pos.y}`;
366
+ visited.add(key(start));
367
+
368
+ while (queue.length > 0) {
369
+ const currentPath = queue.shift();
370
+ const current = currentPath[currentPath.length - 1];
371
+
372
+ if (current.x === end.x && current.y === end.y) {
373
+ return currentPath;
374
+ }
375
+ const neighbors = [
376
+ { x: current.x, y: current.y - 1 },
377
+ { x: current.x+1, y: current.y },
378
+ { x: current.x, y: current.y+1 },
379
+ { x: current.x-1, y: current.y }
380
+ ];
381
+ for (const next of neighbors) {
382
+ if (next.x < 0 || next.x >= GRID_COLS || next.y < 0 || next.y >= GRID_ROWS) continue;
383
+ if (visited.has(key(next))) continue;
384
+
385
+ const cell = grid[next.y][next.x];
386
+ if (cell.type === 'wall') continue;
387
+
388
+ visited.add(key(next));
389
+ queue.push([...currentPath, next]);
390
+ }
391
+ }
392
+ return [];
393
+ }
394
+
395
+ function moveToRoom(roomName) {
396
+ const targetRoom = Array.from(rooms.entries())
397
+ .find(([name]) => name.toLowerCase() === roomName.toLowerCase());
398
+ if (!targetRoom || !characterPos) return false;
399
+
400
+ const [_, cells] = targetRoom;
401
+ if (cells.length === 0) return false;
402
+ path = findPath(characterPos, cells[0]);
403
+ if (path.length > 0) {
404
+ isMoving = true;
405
+ moveCharacterAlongPath();
406
+ return true;
407
+ }
408
+ return false;
409
+ }
410
+
411
+ function moveCharacterAlongPath() {
412
+ if (moveInterval) clearInterval(moveInterval);
413
+ moveInterval = setInterval(() => {
414
+ if (path.length === 0) {
415
+ isMoving = false;
416
+ clearInterval(moveInterval);
417
+ return;
418
+ }
419
+ const nextPos = path.shift();
420
+ characterPos = nextPos;
421
+ }, 200);
422
+ }
423
+
424
+ /* Chat / Mistral-related code */
425
+ function createLoadingIndicator() {
426
+ const loadingDiv = document.createElement('div');
427
+ loadingDiv.className = 'chat-message assistant-message';
428
+ loadingDiv.innerHTML = `
429
+ <div class="loading-dots">
430
+ <div class="dot"></div>
431
+ <div class="dot"></div>
432
+ <div class="dot"></div>
433
+ </div>
434
+ `;
435
+ return loadingDiv;
436
+ }
437
+
438
+ function addMessageToChat(role, content) {
439
+ const chatHistory = document.getElementById('chatHistory');
440
+ const messageDiv = document.createElement('div');
441
+ messageDiv.className = `chat-message ${role}-message`;
442
+ messageDiv.textContent = content;
443
+ chatHistory.appendChild(messageDiv);
444
+ chatHistory.scrollTop = chatHistory.scrollHeight;
445
+ }
446
+
447
+ async function sendMessage() {
448
+ const prompt = document.getElementById('prompt').value.trim();
449
+ if (!prompt) return;
450
+
451
+ if (!apiKey) {
452
+ alert('Please enter your Mistral API key first');
453
+ document.getElementById('apiKeyModal').style.display = 'flex';
454
+ return;
455
+ }
456
+
457
+ // Add user message to the chat
458
+ addMessageToChat('user', prompt);
459
+ document.getElementById('prompt').value = '';
460
+
461
+ // Add loading indicator
462
+ const chatHistory = document.getElementById('chatHistory');
463
+ const loadingIndicator = createLoadingIndicator();
464
+ chatHistory.appendChild(loadingIndicator);
465
+
466
+ try {
467
+ // Make call to Mistral or any AI endpoint
468
+ const response = await fetch('https://api.mistral.ai/v1/chat/completions', {
469
+ method: 'POST',
470
+ headers: {
471
+ 'Content-Type': 'application/json',
472
+ 'Authorization': `Bearer ${apiKey}`
473
+ },
474
+ body: JSON.stringify({
475
+ model: 'mistral-large-latest',
476
+ messages: [
477
+ { role: 'system', content: systemPrompt },
478
+ { role: 'user', content: prompt }
479
+ ]
480
+ })
481
+ });
482
+
483
+ if (!response.ok) {
484
+ throw new Error(`HTTP error! status: ${response.status}`);
485
+ }
486
+
487
+ const data = await response.json();
488
+ const assistantResponse = data.choices[0].message.content || "";
489
+
490
+ try {
491
+ const jsonStart = assistantResponse.indexOf('{');
492
+ const jsonEnd = assistantResponse.lastIndexOf('}') + 1;
493
+ const jsonContent = assistantResponse.substring(jsonStart, jsonEnd);
494
+ const jsonResponse = JSON.parse(jsonContent);
495
+
496
+ if (jsonResponse.textMessage) {
497
+ addMessageToChat('assistant', jsonResponse.textMessage);
498
+ }
499
+ if (jsonResponse.action === 'go' && jsonResponse.to) {
500
+ moveToRoom(jsonResponse.to);
501
+ }
502
+ } catch (e) {
503
+ console.error('Error parsing JSON from response:', e);
504
+ addMessageToChat('assistant', 'Sorry, I had trouble understanding that response.');
505
+ }
506
+ } catch (error) {
507
+ addMessageToChat('assistant', `Error: ${error.message}`);
508
+ } finally {
509
+ loadingIndicator.remove();
510
+ }
511
+ }
512
+
513
+ function saveApiKey() {
514
+ const key = document.getElementById('apiKey').value.trim();
515
+ if (key) {
516
+ apiKey = key;
517
+ localStorage.setItem('mistralApiKey', key);
518
+ document.getElementById('apiKeyModal').style.display = 'none';
519
+ }
520
+ }
521
+
522
+ // Allow sending message with Enter
523
+ document.addEventListener('DOMContentLoaded', () => {
524
+ document.getElementById('prompt').addEventListener('keypress', function(e) {
525
+ if (e.key === 'Enter' && !e.shiftKey) {
526
+ e.preventDefault();
527
+ sendMessage();
528
+ }
529
+ });
530
+
531
+ if (!apiKey) {
532
+ document.getElementById('apiKeyModal').style.display = 'flex';
533
+ }
534
+ });
535
+ </script>
536
+ </body>
537
+ </html>
static/game/index.html ADDED
@@ -0,0 +1,568 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Get Me Out! - Apartment Escape Game with Chat</title>
5
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
6
+ <style>
7
+ /* Layout */
8
+ body {
9
+ margin: 0;
10
+ font-family: Arial, sans-serif;
11
+ display: flex;
12
+ height: 100vh;
13
+ }
14
+ #gameContainer {
15
+ display: flex;
16
+ width: 100%;
17
+ height: 100%;
18
+ }
19
+ #mapSection {
20
+ flex: 1;
21
+ position: relative;
22
+ background: #f5f5f5;
23
+ display: flex;
24
+ flex-direction: column;
25
+ align-items: center;
26
+ }
27
+ /* We'll place the P5 canvas in here */
28
+ .map-wrapper {
29
+ margin: 20px;
30
+ transform-origin: top left;
31
+ }
32
+
33
+ #chatSection {
34
+ width: 400px;
35
+ border-left: 1px solid #ddd;
36
+ display: flex;
37
+ flex-direction: column;
38
+ background: white;
39
+ }
40
+ #chatHistory {
41
+ flex: 1;
42
+ overflow-y: auto;
43
+ padding: 20px;
44
+ background: #f8f9fa;
45
+ }
46
+ #chatControls {
47
+ padding: 20px;
48
+ border-top: 1px solid #ddd;
49
+ background: white;
50
+ }
51
+ .chat-message {
52
+ padding: 10px;
53
+ margin: 5px 0;
54
+ border-radius: 16px;
55
+ max-width: 80%;
56
+ word-wrap: break-word;
57
+ }
58
+ .user-message {
59
+ background: #007AFF;
60
+ color: white;
61
+ margin-left: auto;
62
+ border-radius: 16px 16px 4px 16px;
63
+ }
64
+ .assistant-message {
65
+ background: #E9E9EB;
66
+ color: black;
67
+ margin-right: auto;
68
+ border-radius: 16px 16px 16px 4px;
69
+ }
70
+ textarea {
71
+ width: 100%;
72
+ padding: 10px;
73
+ border: 1px solid #ddd;
74
+ border-radius: 4px;
75
+ margin-bottom: 10px;
76
+ resize: none;
77
+ font-family: inherit;
78
+ }
79
+ button {
80
+ padding: 8px 16px;
81
+ background: #007AFF;
82
+ color: white;
83
+ border: none;
84
+ border-radius: 4px;
85
+ cursor: pointer;
86
+ }
87
+ button:hover {
88
+ background: #0056b3;
89
+ }
90
+ .loading-dots {
91
+ display: inline-flex;
92
+ gap: 4px;
93
+ padding: 5px;
94
+ margin: 5px 0;
95
+ }
96
+ .dot {
97
+ width: 8px;
98
+ height: 8px;
99
+ background: #6c757d;
100
+ border-radius: 50%;
101
+ animation: wave 1.3s linear infinite;
102
+ }
103
+ .dot:nth-child(2) { animation-delay: -1.1s; }
104
+ .dot:nth-child(3) { animation-delay: -0.9s; }
105
+ @keyframes wave {
106
+ 0%, 60%, 100% { transform: translateY(0); }
107
+ 30% { transform: translateY(-4px); }
108
+ }
109
+
110
+ /* Modal for API key (if needed) */
111
+ #apiKeyModal {
112
+ display: none;
113
+ position: fixed;
114
+ top: 0; left: 0;
115
+ width: 100%; height: 100%;
116
+ background: rgba(0,0,0,0.5);
117
+ justify-content: center;
118
+ align-items: center;
119
+ }
120
+ .modal-content {
121
+ background: white;
122
+ padding: 20px;
123
+ border-radius: 8px;
124
+ width: 300px;
125
+ }
126
+ #apiKey {
127
+ width: 100%;
128
+ margin: 10px 0;
129
+ padding: 8px;
130
+ }
131
+ </style>
132
+ </head>
133
+ <body>
134
+ <div id="gameContainer">
135
+ <div id="mapSection">
136
+ <div id="mapWrapper" class="map-wrapper">
137
+ <!-- P5.js canvas goes here -->
138
+ </div>
139
+ </div>
140
+ <div id="chatSection">
141
+ <div id="chatHistory"></div>
142
+ <div id="chatControls">
143
+ <textarea id="prompt" placeholder="Type your message..." rows="3"></textarea>
144
+ <button onclick="sendMessage()">Send</button>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ <div id="apiKeyModal">
149
+ <div class="modal-content">
150
+ <h3>Enter Mistral API Key</h3>
151
+ <input type="password" id="apiKey" placeholder="Enter your API key">
152
+ <button onclick="saveApiKey()">Save</button>
153
+ </div>
154
+ </div>
155
+
156
+ <script>
157
+ /*
158
+ * This script loads ./apt.json to set up the map,
159
+ * draws it in p5.js, and provides a chat interface on the right.
160
+ */
161
+
162
+ // Constants and variables for the map
163
+ const CELL_SIZE = 30;
164
+ let GRID_COLS = 0;
165
+ let GRID_ROWS = 0;
166
+ let grid = [];
167
+ let rooms = new Map();
168
+ let characterPos = null;
169
+ let path = [];
170
+ let isMoving = false;
171
+ let moveInterval = null;
172
+
173
+ // Chat variables
174
+ let apiKey = localStorage.getItem('mistralApiKey');
175
+ const systemPrompt = `You are the game master of "Get Me Out!", a single-player text-based survival game. The scenario: a player must guide their girlfriend to safety via text messages while she's being hunted by a murderous clown in their apartment. The player has access to security cameras and can send instructions through text.
176
+
177
+ RESPONSE FORMAT:
178
+ You must ALWAYS respond with a JSON object. The response should reflect the girlfriend's reaction to the player's message.
179
+
180
+ 1. For movement instructions ("go" action):
181
+ {
182
+ "action": "go",
183
+ "to": "[room name]",
184
+ "textMessage": "[girlfriend's response]"
185
+ }
186
+
187
+ 2. For any other input or unclear instructions:
188
+ {
189
+ "textMessage": "[girlfriend's response]"
190
+ }
191
+
192
+ VALID ROOMS:
193
+ Only these rooms are recognized for movement:
194
+ - Main Bathroom
195
+ - Guest Toilet
196
+ - Dining Room
197
+ - Kitchen
198
+ - TV Room
199
+ - Living Room
200
+ - Hallway
201
+ - Office
202
+ - Bedroom
203
+
204
+ CHARACTER BEHAVIOR:
205
+ The girlfriend is aware of the danger and extremely distressed. Her text responses should be:
206
+ - Brief and urgent
207
+ - Reflect genuine fear and panic
208
+ - Written like real text messages (short, quick responses)
209
+ - No time for pleasantries or long explanations
210
+ - May include typos or rushed writing due to stress
211
+ `;
212
+
213
+ // Load apt.json upon page start
214
+ async function loadAptJson() {
215
+ try {
216
+ const response = await fetch('/static/game/apt.json');
217
+ if (!response.ok) {
218
+ alert("Failed to load apt.json!");
219
+ return;
220
+ }
221
+ const data = await response.json();
222
+ // Update local variables from apt.json
223
+ GRID_COLS = data.gridCols || 40;
224
+ GRID_ROWS = data.gridRows || 20;
225
+ grid = data.grid || [];
226
+
227
+ // Ensure each cell has the color property if it exists in the data
228
+ for (let y = 0; y < GRID_ROWS; y++) {
229
+ for (let x = 0; x < GRID_COLS; x++) {
230
+ if (!grid[y]) grid[y] = [];
231
+ if (!grid[y][x]) {
232
+ grid[y][x] = { type: 'empty', color: null };
233
+ } else if (typeof grid[y][x] === 'string') {
234
+ // Handle old format where grid cells were just strings
235
+ grid[y][x] = { type: grid[y][x], color: null };
236
+ }
237
+ }
238
+ }
239
+
240
+ rooms = new Map(data.rooms);
241
+ characterPos = data.characterPos || { x: 0, y: 0 };
242
+
243
+ // Once loaded, initialize the P5 canvas with correct dims
244
+ let canvas = createCanvas(GRID_COLS * CELL_SIZE, GRID_ROWS * CELL_SIZE);
245
+ canvas.parent('mapWrapper');
246
+ adjustScale();
247
+
248
+ } catch (e) {
249
+ console.error("Error loading apt.json:", e);
250
+ }
251
+ }
252
+
253
+ function adjustScale() {
254
+ const availableWidth = window.innerWidth - 400 - 40; // space for chat + margins
255
+ const actualCanvasWidth = GRID_COLS * CELL_SIZE;
256
+ const scale = availableWidth / actualCanvasWidth;
257
+ const mapWrapper = document.querySelector('#mapSection .map-wrapper');
258
+ if (mapWrapper) {
259
+ // use CSS zoom or transform
260
+ mapWrapper.style.zoom = scale;
261
+ }
262
+ }
263
+
264
+ window.addEventListener('resize', adjustScale);
265
+
266
+ // p5.js setup
267
+ function setup() {
268
+ // We'll wait to createCanvas until apt.json is loaded
269
+ loadAptJson();
270
+ }
271
+
272
+ // p5.js draw loop
273
+ function draw() {
274
+ if (!grid || grid.length === 0) {
275
+ // No grid loaded yet or apt.json not ready
276
+ return;
277
+ }
278
+ background(255);
279
+ drawGrid();
280
+ drawRooms();
281
+ drawWallsAndDoors();
282
+ drawPath();
283
+ drawCharacter();
284
+ }
285
+
286
+ function drawGrid() {
287
+ stroke(200);
288
+ for (let x = 0; x <= GRID_COLS; x++) {
289
+ line(x * CELL_SIZE, 0, x * CELL_SIZE, GRID_ROWS*CELL_SIZE);
290
+ }
291
+ for (let y = 0; y <= GRID_ROWS; y++) {
292
+ line(0, y * CELL_SIZE, GRID_COLS*CELL_SIZE, y * CELL_SIZE);
293
+ }
294
+ }
295
+
296
+ function drawRooms() {
297
+ for (let [roomName, cells] of rooms) {
298
+ const hue = stringToHue(roomName);
299
+ fill(hue, 30, 95, 0.3);
300
+ noStroke();
301
+ for (let cell of cells) {
302
+ rect(cell.x * CELL_SIZE, cell.y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
303
+ }
304
+ if (cells.length > 0) {
305
+ fill(0);
306
+ textAlign(CENTER, CENTER);
307
+ textSize(10);
308
+ text(roomName,
309
+ cells[0].x * CELL_SIZE + CELL_SIZE/2,
310
+ cells[0].y * CELL_SIZE + CELL_SIZE/2
311
+ );
312
+ }
313
+ }
314
+ }
315
+
316
+ function drawWallsAndDoors() {
317
+ for (let y = 0; y < GRID_ROWS; y++) {
318
+ for (let x = 0; x < GRID_COLS; x++) {
319
+ const cell = grid[y][x];
320
+ if (cell.type === 'wall') {
321
+ fill(0);
322
+ noStroke();
323
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
324
+ } else if (cell.type === 'door') {
325
+ fill(139, 69, 19); // Brown color for doors
326
+ noStroke();
327
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
328
+ } else if (cell.color) {
329
+ noStroke();
330
+ switch(cell.color) {
331
+ case 'yellow':
332
+ fill('#ffeb3b');
333
+ break;
334
+ case 'blue':
335
+ fill('#2196f3');
336
+ break;
337
+ case 'green':
338
+ fill('#4caf50');
339
+ break;
340
+ case 'red':
341
+ fill('#f44336');
342
+ break;
343
+ }
344
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
345
+ }
346
+ }
347
+ }
348
+ }
349
+
350
+ function drawPath() {
351
+ if (path.length > 0 && isMoving) {
352
+ noFill();
353
+ stroke(0, 255, 0);
354
+ strokeWeight(2);
355
+ line(
356
+ characterPos.x * CELL_SIZE + CELL_SIZE/2,
357
+ characterPos.y * CELL_SIZE + CELL_SIZE/2,
358
+ path[0].x * CELL_SIZE + CELL_SIZE/2,
359
+ path[0].y * CELL_SIZE + CELL_SIZE/2
360
+ );
361
+ for (let i = 0; i < path.length - 1; i++) {
362
+ line(
363
+ path[i].x * CELL_SIZE + CELL_SIZE/2,
364
+ path[i].y * CELL_SIZE + CELL_SIZE/2,
365
+ path[i + 1].x * CELL_SIZE + CELL_SIZE/2,
366
+ path[i + 1].y * CELL_SIZE + CELL_SIZE/2
367
+ );
368
+ }
369
+ strokeWeight(1);
370
+ }
371
+ }
372
+
373
+ function drawCharacter() {
374
+ if (characterPos) {
375
+ textSize(CELL_SIZE * 0.8);
376
+ textAlign(CENTER, CENTER);
377
+ text('👧',
378
+ characterPos.x * CELL_SIZE + CELL_SIZE/2,
379
+ characterPos.y * CELL_SIZE + CELL_SIZE/2
380
+ );
381
+ }
382
+ }
383
+
384
+ function stringToHue(str) {
385
+ let hash = 0;
386
+ for (let i = 0; i < str.length; i++) {
387
+ hash = str.charCodeAt(i) + ((hash << 5) - hash);
388
+ }
389
+ return hash % 360;
390
+ }
391
+
392
+ // Simple BFS for pathfinding
393
+ function findPath(start, end) {
394
+ const queue = [[start]];
395
+ const visited = new Set();
396
+ const key = pos => `${pos.x},${pos.y}`;
397
+ visited.add(key(start));
398
+
399
+ while (queue.length > 0) {
400
+ const currentPath = queue.shift();
401
+ const current = currentPath[currentPath.length - 1];
402
+
403
+ if (current.x === end.x && current.y === end.y) {
404
+ return currentPath;
405
+ }
406
+ const neighbors = [
407
+ { x: current.x, y: current.y - 1 },
408
+ { x: current.x+1, y: current.y },
409
+ { x: current.x, y: current.y+1 },
410
+ { x: current.x-1, y: current.y }
411
+ ];
412
+ for (const next of neighbors) {
413
+ if (next.x < 0 || next.x >= GRID_COLS || next.y < 0 || next.y >= GRID_ROWS) continue;
414
+ if (visited.has(key(next))) continue;
415
+
416
+ const cell = grid[next.y][next.x];
417
+ if (cell.type === 'wall') continue;
418
+
419
+ visited.add(key(next));
420
+ queue.push([...currentPath, next]);
421
+ }
422
+ }
423
+ return [];
424
+ }
425
+
426
+ function moveToRoom(roomName) {
427
+ const targetRoom = Array.from(rooms.entries())
428
+ .find(([name]) => name.toLowerCase() === roomName.toLowerCase());
429
+ if (!targetRoom || !characterPos) return false;
430
+
431
+ const [_, cells] = targetRoom;
432
+ if (cells.length === 0) return false;
433
+ path = findPath(characterPos, cells[0]);
434
+ if (path.length > 0) {
435
+ isMoving = true;
436
+ moveCharacterAlongPath();
437
+ return true;
438
+ }
439
+ return false;
440
+ }
441
+
442
+ function moveCharacterAlongPath() {
443
+ if (moveInterval) clearInterval(moveInterval);
444
+ moveInterval = setInterval(() => {
445
+ if (path.length === 0) {
446
+ isMoving = false;
447
+ clearInterval(moveInterval);
448
+ return;
449
+ }
450
+ const nextPos = path.shift();
451
+ characterPos = nextPos;
452
+ }, 200);
453
+ }
454
+
455
+ /* Chat / Mistral-related code */
456
+ function createLoadingIndicator() {
457
+ const loadingDiv = document.createElement('div');
458
+ loadingDiv.className = 'chat-message assistant-message';
459
+ loadingDiv.innerHTML = `
460
+ <div class="loading-dots">
461
+ <div class="dot"></div>
462
+ <div class="dot"></div>
463
+ <div class="dot"></div>
464
+ </div>
465
+ `;
466
+ return loadingDiv;
467
+ }
468
+
469
+ function addMessageToChat(role, content) {
470
+ const chatHistory = document.getElementById('chatHistory');
471
+ const messageDiv = document.createElement('div');
472
+ messageDiv.className = `chat-message ${role}-message`;
473
+ messageDiv.textContent = content;
474
+ chatHistory.appendChild(messageDiv);
475
+ chatHistory.scrollTop = chatHistory.scrollHeight;
476
+ }
477
+
478
+ async function sendMessage() {
479
+ const prompt = document.getElementById('prompt').value.trim();
480
+ if (!prompt) return;
481
+
482
+ if (!apiKey) {
483
+ alert('Please enter your Mistral API key first');
484
+ document.getElementById('apiKeyModal').style.display = 'flex';
485
+ return;
486
+ }
487
+
488
+ // Add user message to the chat
489
+ addMessageToChat('user', prompt);
490
+ document.getElementById('prompt').value = '';
491
+
492
+ // Add loading indicator
493
+ const chatHistory = document.getElementById('chatHistory');
494
+ const loadingIndicator = createLoadingIndicator();
495
+ chatHistory.appendChild(loadingIndicator);
496
+
497
+ try {
498
+ // Make call to Mistral or any AI endpoint
499
+ const response = await fetch('https://api.mistral.ai/v1/chat/completions', {
500
+ method: 'POST',
501
+ headers: {
502
+ 'Content-Type': 'application/json',
503
+ 'Authorization': `Bearer ${apiKey}`
504
+ },
505
+ body: JSON.stringify({
506
+ model: 'mistral-large-latest',
507
+ messages: [
508
+ { role: 'system', content: systemPrompt },
509
+ { role: 'user', content: prompt }
510
+ ]
511
+ })
512
+ });
513
+
514
+ if (!response.ok) {
515
+ throw new Error(`HTTP error! status: ${response.status}`);
516
+ }
517
+
518
+ const data = await response.json();
519
+ const assistantResponse = data.choices[0].message.content || "";
520
+
521
+ try {
522
+ const jsonStart = assistantResponse.indexOf('{');
523
+ const jsonEnd = assistantResponse.lastIndexOf('}') + 1;
524
+ const jsonContent = assistantResponse.substring(jsonStart, jsonEnd);
525
+ const jsonResponse = JSON.parse(jsonContent);
526
+
527
+ if (jsonResponse.textMessage) {
528
+ addMessageToChat('assistant', jsonResponse.textMessage);
529
+ }
530
+ if (jsonResponse.action === 'go' && jsonResponse.to) {
531
+ moveToRoom(jsonResponse.to);
532
+ }
533
+ } catch (e) {
534
+ console.error('Error parsing JSON from response:', e);
535
+ addMessageToChat('assistant', 'Sorry, I had trouble understanding that response.');
536
+ }
537
+ } catch (error) {
538
+ addMessageToChat('assistant', `Error: ${error.message}`);
539
+ } finally {
540
+ loadingIndicator.remove();
541
+ }
542
+ }
543
+
544
+ function saveApiKey() {
545
+ const key = document.getElementById('apiKey').value.trim();
546
+ if (key) {
547
+ apiKey = key;
548
+ localStorage.setItem('mistralApiKey', key);
549
+ document.getElementById('apiKeyModal').style.display = 'none';
550
+ }
551
+ }
552
+
553
+ // Allow sending message with Enter
554
+ document.addEventListener('DOMContentLoaded', () => {
555
+ document.getElementById('prompt').addEventListener('keypress', function(e) {
556
+ if (e.key === 'Enter' && !e.shiftKey) {
557
+ e.preventDefault();
558
+ sendMessage();
559
+ }
560
+ });
561
+
562
+ if (!apiKey) {
563
+ document.getElementById('apiKeyModal').style.display = 'flex';
564
+ }
565
+ });
566
+ </script>
567
+ </body>
568
+ </html>
static/index.html CHANGED
@@ -1 +1,150 @@
1
- hello
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>The Last Message - Horror Escape Game</title>
5
+ <style>
6
+ body {
7
+ margin: 0;
8
+ padding: 0;
9
+ min-height: 100vh;
10
+ font-family: 'Arial', sans-serif;
11
+ background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
12
+ color: #ffffff;
13
+ display: flex;
14
+ flex-direction: column;
15
+ align-items: center;
16
+ justify-content: center;
17
+ overflow: hidden;
18
+ }
19
+
20
+ .container {
21
+ text-align: center;
22
+ padding: 2rem;
23
+ max-width: 800px;
24
+ position: relative;
25
+ z-index: 1;
26
+ }
27
+
28
+ h1 {
29
+ font-size: 4rem;
30
+ margin-bottom: 1rem;
31
+ text-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
32
+ animation: flicker 4s infinite;
33
+ letter-spacing: 2px;
34
+ }
35
+
36
+ .subtitle {
37
+ font-size: 1.2rem;
38
+ color: #bb0000;
39
+ margin-bottom: 3rem;
40
+ text-shadow: 0 0 5px #ff0000;
41
+ }
42
+
43
+ .menu {
44
+ display: grid;
45
+ gap: 2rem;
46
+ margin-top: 2rem;
47
+ }
48
+
49
+ .menu-item {
50
+ background: rgba(20, 20, 20, 0.8);
51
+ padding: 1.5rem;
52
+ border-radius: 5px;
53
+ cursor: pointer;
54
+ transition: all 0.3s ease;
55
+ text-decoration: none;
56
+ color: white;
57
+ border: 1px solid #440000;
58
+ box-shadow: 0 0 10px rgba(255, 0, 0, 0.2);
59
+ }
60
+
61
+ .menu-item:hover {
62
+ transform: scale(1.05);
63
+ background: rgba(40, 0, 0, 0.8);
64
+ border-color: #ff0000;
65
+ box-shadow: 0 0 20px rgba(255, 0, 0, 0.4);
66
+ }
67
+
68
+ .menu-item h2 {
69
+ margin: 0 0 0.5rem 0;
70
+ font-size: 1.8rem;
71
+ color: #ff0000;
72
+ }
73
+
74
+ .menu-item p {
75
+ margin: 0;
76
+ color: #cccccc;
77
+ font-size: 1rem;
78
+ }
79
+
80
+ @keyframes flicker {
81
+ 0%, 100% { opacity: 1; }
82
+ 92% { opacity: 1; }
83
+ 93% { opacity: 0.8; }
84
+ 94% { opacity: 1; }
85
+ 95% { opacity: 0.9; }
86
+ 96% { opacity: 1; }
87
+ }
88
+
89
+ /* Blood drips */
90
+ .blood-drip {
91
+ position: fixed;
92
+ top: 0;
93
+ width: 3px;
94
+ height: 60px;
95
+ background: linear-gradient(to bottom, transparent, rgba(255, 0, 0, 0.8));
96
+ animation: drip 4s infinite;
97
+ opacity: 0.7;
98
+ }
99
+
100
+ @keyframes drip {
101
+ 0% {
102
+ transform: translateY(-60px);
103
+ opacity: 0;
104
+ }
105
+ 50% {
106
+ opacity: 0.7;
107
+ }
108
+ 100% {
109
+ transform: translateY(100vh);
110
+ opacity: 0;
111
+ }
112
+ }
113
+
114
+
115
+ </style>
116
+ </head>
117
+ <body>
118
+ <!-- Blood drip effects -->
119
+ <div class="blood-drip" style="left: 15%"></div>
120
+ <div class="blood-drip" style="left: 35%; animation-delay: 1.5s"></div>
121
+ <div class="blood-drip" style="left: 55%; animation-delay: 2.5s"></div>
122
+ <div class="blood-drip" style="left: 75%; animation-delay: 1s"></div>
123
+ <div class="blood-drip" style="left: 95%; animation-delay: 2s"></div>
124
+
125
+ <div class="container">
126
+ <h1>THE LAST MESSAGE</h1>
127
+ <div class="subtitle">Will your final words save them?</div>
128
+
129
+ <div class="menu">
130
+ <a href="game/" class="menu-item">
131
+ <h2>📱 PLAY THE STORY</h2>
132
+ <p>Experience the original nightmare</p>
133
+ </a>
134
+
135
+ <a href="maker/" class="menu-item">
136
+ <h2>🏗️ CREATE & PLAY</h2>
137
+ <p>Design and play your own horror scenario</p>
138
+ </a>
139
+ </div>
140
+
141
+ </div>
142
+
143
+ <script>
144
+ // Add random delay and duration to blood drips
145
+ document.querySelectorAll('.blood-drip').forEach(drip => {
146
+ drip.style.animationDuration = (3 + Math.random() * 2) + 's';
147
+ });
148
+ </script>
149
+ </body>
150
+ </html>
static/maker/index.html ADDED
@@ -0,0 +1,545 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Apartment Simulator Level Editor</title>
5
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
6
+ <style>
7
+ body {
8
+ margin: 0;
9
+ display: flex;
10
+ flex-direction: column;
11
+ align-items: center;
12
+ font-family: Arial, sans-serif;
13
+ }
14
+ #controls {
15
+ margin: 10px;
16
+ padding: 10px;
17
+ background: #f0f0f0;
18
+ border-radius: 5px;
19
+ }
20
+ button {
21
+ margin: 0 5px;
22
+ padding: 5px 10px;
23
+ cursor: pointer;
24
+ }
25
+ select, input[type="number"] {
26
+ margin: 0 5px;
27
+ padding: 5px;
28
+ }
29
+ .active {
30
+ background: #4CAF50;
31
+ color: white;
32
+ }
33
+ </style>
34
+ </head>
35
+ <body>
36
+ <div id="controls">
37
+ <button id="wallBtn" onclick="setTool('wall')">Wall</button>
38
+ <button id="doorBtn" onclick="setTool('door')">Door</button>
39
+ <button id="eraseBtn" onclick="setTool('erase')">Erase</button>
40
+ <button id="characterBtn" onclick="setTool('character')">Place Character</button>
41
+ |
42
+ <button id="yellowBtn" onclick="setTool('yellow')" style="background-color: #ffeb3b">Yellow</button>
43
+ <button id="blueBtn" onclick="setTool('blue')" style="background-color: #2196f3">Blue</button>
44
+ <button id="greenBtn" onclick="setTool('green')" style="background-color: #4caf50">Green</button>
45
+ <button id="redBtn" onclick="setTool('red')" style="background-color: #f44336">Red</button>
46
+ |
47
+ <input type="text" id="roomName" placeholder="Room name">
48
+ <button id="assignRoom" onclick="setTool('assign')">Assign Room</button>
49
+ <select id="roomSelect">
50
+ <option value="">Select Destination Room</option>
51
+ </select>
52
+ <select id="viaRoomSelect">
53
+ <option value="">Via Room (Optional)</option>
54
+ </select>
55
+ <button id="removeRoom" onclick="removeSelectedRoom()">Remove Room</button>
56
+ <button id="goBtn" onclick="startPathfinding()">Go!</button>
57
+ |
58
+ <button onclick="saveMap()">Save Map</button>
59
+ <button onclick="loadMap()">Load Map</button>
60
+ |
61
+ <input type="number" id="gridCols" value="40" min="1" style="width: 60px"> ×
62
+ <input type="number" id="gridRows" value="20" min="1" style="width: 60px">
63
+ <button onclick="resizeGrid()">Resize Grid</button>
64
+ </div>
65
+
66
+ <!-- Insert a new container for the P5 sketch -->
67
+ <div id="sketch-container"></div>
68
+
69
+ <!-- Move the JSON text areas here so they appear after the editor and canvas -->
70
+ <div style="margin-top: 20px; width: 100%; max-width: 1200px; text-align: center;">
71
+ <textarea id="roomsJson" readonly style="width: 90%; height: 100px; margin: 10px; padding: 10px;" placeholder="Rooms will appear here in JSON format"></textarea>
72
+ <textarea id="gameJson" readonly style="width: 90%; height: 200px; margin: 10px; padding: 10px;" placeholder="Complete game definition will appear here in JSON format"></textarea>
73
+ </div>
74
+
75
+ <script>
76
+ const CELL_SIZE = 30;
77
+ let GRID_COLS = 40;
78
+ let GRID_ROWS = 20;
79
+
80
+ let grid = [];
81
+ let rooms = new Map(); // roomName -> array of cells
82
+ let currentTool = 'wall';
83
+ let characterPos = null;
84
+ let isDragging = false;
85
+ let roomBeingAssigned = null;
86
+ let path = [];
87
+ let isMoving = false;
88
+ let moveInterval = null;
89
+
90
+ function setup() {
91
+ GRID_COLS = parseInt(document.getElementById('gridCols').value) || 40;
92
+ GRID_ROWS = parseInt(document.getElementById('gridRows').value) || 20;
93
+
94
+ // Attach the P5 canvas to #sketch-container
95
+ createCanvas(GRID_COLS * CELL_SIZE, GRID_ROWS * CELL_SIZE)
96
+ .parent('sketch-container');
97
+
98
+ initGrid();
99
+ }
100
+
101
+ function initGrid() {
102
+ grid = []; // Clear the grid first
103
+ for (let y = 0; y < GRID_ROWS; y++) {
104
+ grid[y] = [];
105
+ for (let x = 0; x < GRID_COLS; x++) {
106
+ grid[y][x] = {
107
+ type: 'empty',
108
+ room: null,
109
+ color: null
110
+ };
111
+ }
112
+ }
113
+ }
114
+
115
+ function draw() {
116
+ background(255);
117
+ drawGrid();
118
+ drawRooms();
119
+ drawWallsAndDoors();
120
+ drawPath();
121
+ drawCharacter();
122
+
123
+ // Draw hover effect
124
+ if (mouseInCanvas()) {
125
+ const [gridX, gridY] = getGridCoord(mouseX, mouseY);
126
+ noFill();
127
+ stroke(100);
128
+ rect(gridX * CELL_SIZE, gridY * CELL_SIZE, CELL_SIZE, CELL_SIZE);
129
+ }
130
+ }
131
+
132
+ function drawGrid() {
133
+ stroke(200);
134
+ for (let x = 0; x <= GRID_COLS; x++) {
135
+ line(x * CELL_SIZE, 0, x * CELL_SIZE, height);
136
+ }
137
+ for (let y = 0; y <= GRID_ROWS; y++) {
138
+ line(0, y * CELL_SIZE, width, y * CELL_SIZE);
139
+ }
140
+ }
141
+
142
+ function drawWallsAndDoors() {
143
+ for (let y = 0; y < GRID_ROWS; y++) {
144
+ for (let x = 0; x < GRID_COLS; x++) {
145
+ const cell = grid[y][x];
146
+ if (cell.type === 'wall') {
147
+ fill(0);
148
+ noStroke();
149
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
150
+ } else if (cell.type === 'door') {
151
+ fill(139, 69, 19);
152
+ noStroke();
153
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
154
+ } else if (cell.color) {
155
+ noStroke();
156
+ switch(cell.color) {
157
+ case 'yellow':
158
+ fill('#ffeb3b');
159
+ break;
160
+ case 'blue':
161
+ fill('#2196f3');
162
+ break;
163
+ case 'green':
164
+ fill('#4caf50');
165
+ break;
166
+ case 'red':
167
+ fill('#f44336');
168
+ break;
169
+ }
170
+ rect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
171
+ }
172
+ }
173
+ }
174
+ }
175
+
176
+ function drawRooms() {
177
+ for (let [roomName, cells] of rooms) {
178
+ const hue = stringToHue(roomName);
179
+ fill(hue, 30, 95, 0.3);
180
+ noStroke();
181
+ for (let cell of cells) {
182
+ rect(cell.x * CELL_SIZE, cell.y * CELL_SIZE, CELL_SIZE, CELL_SIZE);
183
+ }
184
+ // Draw room name on first cell
185
+ if (cells.length > 0) {
186
+ fill(0);
187
+ textAlign(CENTER, CENTER);
188
+ textSize(10);
189
+ text(roomName, cells[0].x * CELL_SIZE + CELL_SIZE/2, cells[0].y * CELL_SIZE + CELL_SIZE/2);
190
+ }
191
+ }
192
+ }
193
+
194
+ function drawCharacter() {
195
+ if (characterPos) {
196
+ textSize(CELL_SIZE * 0.8);
197
+ textAlign(CENTER, CENTER);
198
+ text('👧',
199
+ characterPos.x * CELL_SIZE + CELL_SIZE/2,
200
+ characterPos.y * CELL_SIZE + CELL_SIZE/2
201
+ );
202
+ }
203
+ }
204
+
205
+ function mousePressed() {
206
+ if (!mouseInCanvas()) return;
207
+ isDragging = true;
208
+ handleDraw();
209
+ }
210
+
211
+ function mouseDragged() {
212
+ if (isDragging) handleDraw();
213
+ }
214
+
215
+ function mouseReleased() {
216
+ isDragging = false;
217
+ if (currentTool === 'assign') {
218
+ const roomName = document.getElementById('roomName').value;
219
+ if (roomName && roomBeingAssigned && roomBeingAssigned.length > 0) {
220
+ rooms.set(roomName, roomBeingAssigned);
221
+ updateRoomDropdown();
222
+ }
223
+ roomBeingAssigned = null;
224
+ }
225
+ }
226
+
227
+ function handleDraw() {
228
+ if (!mouseInCanvas()) return;
229
+
230
+ const [gridX, gridY] = getGridCoord(mouseX, mouseY);
231
+
232
+ switch(currentTool) {
233
+ case 'wall':
234
+ grid[gridY][gridX].type = 'wall';
235
+ grid[gridY][gridX].color = null;
236
+ break;
237
+ case 'door':
238
+ grid[gridY][gridX].type = 'door';
239
+ grid[gridY][gridX].color = null;
240
+ break;
241
+ case 'erase':
242
+ grid[gridY][gridX].type = 'empty';
243
+ grid[gridY][gridX].color = null;
244
+ break;
245
+ case 'character':
246
+ characterPos = {x: gridX, y: gridY};
247
+ currentTool = 'wall'; // Reset to wall tool after placing character
248
+ break;
249
+ case 'assign':
250
+ if (!roomBeingAssigned) roomBeingAssigned = [];
251
+ roomBeingAssigned.push({x: gridX, y: gridY});
252
+ break;
253
+ case 'yellow':
254
+ case 'blue':
255
+ case 'green':
256
+ case 'red':
257
+ grid[gridY][gridX].type = 'empty';
258
+ grid[gridY][gridX].color = currentTool;
259
+ break;
260
+ }
261
+ updateGameJson(); // Update game JSON after any grid changes
262
+ }
263
+
264
+ function setTool(tool) {
265
+ currentTool = tool;
266
+ // Reset room being assigned if switching tools
267
+ if (tool !== 'assign') roomBeingAssigned = null;
268
+
269
+ // Update button states
270
+ document.querySelectorAll('button').forEach(btn => btn.classList.remove('active'));
271
+ document.getElementById(tool + 'Btn')?.classList.add('active');
272
+ }
273
+
274
+ function mouseInCanvas() {
275
+ return mouseX >= 0 && mouseX < width && mouseY >= 0 && mouseY < height;
276
+ }
277
+
278
+ function getGridCoord(x, y) {
279
+ const gridX = Math.floor(x / CELL_SIZE);
280
+ const gridY = Math.floor(y / CELL_SIZE);
281
+ return [
282
+ Math.min(Math.max(gridX, 0), GRID_COLS - 1),
283
+ Math.min(Math.max(gridY, 0), GRID_ROWS - 1)
284
+ ];
285
+ }
286
+
287
+ function stringToHue(str) {
288
+ let hash = 0;
289
+ for (let i = 0; i < str.length; i++) {
290
+ hash = str.charCodeAt(i) + ((hash << 5) - hash);
291
+ }
292
+ return hash % 360;
293
+ }
294
+
295
+ function updateRoomDropdown() {
296
+ const select = document.getElementById('roomSelect');
297
+ const viaSelect = document.getElementById('viaRoomSelect');
298
+ select.innerHTML = '<option value="">Select Destination Room</option>';
299
+ viaSelect.innerHTML = '<option value="">Via Room (Optional)</option>';
300
+ for (let roomName of rooms.keys()) {
301
+ const option = document.createElement('option');
302
+ option.value = roomName;
303
+ option.textContent = roomName;
304
+ select.appendChild(option.cloneNode(true));
305
+ viaSelect.appendChild(option);
306
+ }
307
+ updateRoomsJson();
308
+ }
309
+
310
+ function updateRoomsJson() {
311
+ const roomsTextArea = document.getElementById('roomsJson');
312
+ const roomsList = Array.from(rooms.keys());
313
+ roomsTextArea.value = JSON.stringify(roomsList, null, 2);
314
+ updateGameJson(); // Update game JSON whenever rooms are updated
315
+ }
316
+
317
+ function updateGameJson() {
318
+ const gameTextArea = document.getElementById('gameJson');
319
+ const gameData = {
320
+ grid: grid,
321
+ rooms: Array.from(rooms.entries()),
322
+ characterPos: characterPos,
323
+ gridCols: GRID_COLS,
324
+ gridRows: GRID_ROWS
325
+ };
326
+ gameTextArea.value = JSON.stringify(gameData, null, 2);
327
+ }
328
+
329
+ function startPathfinding() {
330
+ const targetRoom = document.getElementById('roomSelect').value;
331
+ const viaRoom = document.getElementById('viaRoomSelect').value;
332
+ if (!targetRoom || !characterPos) return;
333
+
334
+ const targetCells = rooms.get(targetRoom);
335
+ if (!targetCells || targetCells.length === 0) return;
336
+
337
+ if (viaRoom && viaRoom !== targetRoom) {
338
+ const viaCells = rooms.get(viaRoom);
339
+ if (!viaCells || viaCells.length === 0) return;
340
+
341
+ // Find path to via room first
342
+ const pathToVia = findPath(characterPos, viaCells[0]);
343
+ if (pathToVia.length === 0) return; // No path to via room
344
+
345
+ // Find path from via room to target
346
+ const pathFromVia = findPath(viaCells[0], targetCells[0]);
347
+ if (pathFromVia.length === 0) return; // No path from via to target
348
+
349
+ // Combine paths (remove duplicate via point)
350
+ path = [...pathToVia, ...pathFromVia.slice(1)];
351
+ } else {
352
+ // Direct path to target
353
+ path = findPath(characterPos, targetCells[0]);
354
+ }
355
+
356
+ if (path.length > 0) {
357
+ isMoving = true;
358
+ moveCharacterAlongPath();
359
+ }
360
+ }
361
+
362
+ function findPath(start, end) {
363
+ const queue = [[start]];
364
+ const visited = new Set();
365
+ const key = pos => `${pos.x},${pos.y}`;
366
+ visited.add(key(start));
367
+
368
+ while (queue.length > 0) {
369
+ const currentPath = queue.shift();
370
+ const current = currentPath[currentPath.length - 1];
371
+
372
+ if (current.x === end.x && current.y === end.y) {
373
+ return currentPath;
374
+ }
375
+
376
+ // Get neighbors (up, right, down, left)
377
+ const neighbors = [
378
+ {x: current.x, y: current.y - 1},
379
+ {x: current.x + 1, y: current.y},
380
+ {x: current.x, y: current.y + 1},
381
+ {x: current.x - 1, y: current.y}
382
+ ];
383
+
384
+ for (const next of neighbors) {
385
+ if (next.x < 0 || next.x >= GRID_COLS || next.y < 0 || next.y >= GRID_ROWS) continue;
386
+
387
+ const nextKey = key(next);
388
+ if (visited.has(nextKey)) continue;
389
+
390
+ // Check if the cell is walkable (empty or door)
391
+ const cell = grid[next.y][next.x];
392
+ if (cell.type === 'wall') continue;
393
+
394
+ visited.add(nextKey);
395
+ queue.push([...currentPath, next]);
396
+ }
397
+ }
398
+
399
+ return []; // No path found
400
+ }
401
+
402
+ function moveCharacterAlongPath() {
403
+ if (moveInterval) clearInterval(moveInterval);
404
+
405
+ moveInterval = setInterval(() => {
406
+ if (path.length === 0) {
407
+ isMoving = false;
408
+ clearInterval(moveInterval);
409
+ return;
410
+ }
411
+
412
+ const nextPos = path.shift();
413
+ characterPos = nextPos;
414
+ }, 200); // Move every 200ms
415
+ }
416
+
417
+ function drawPath() {
418
+ if (path.length > 0 && isMoving) {
419
+ noFill();
420
+ stroke(0, 255, 0);
421
+ strokeWeight(2);
422
+
423
+ // Draw line from character to first path point
424
+ line(
425
+ characterPos.x * CELL_SIZE + CELL_SIZE/2,
426
+ characterPos.y * CELL_SIZE + CELL_SIZE/2,
427
+ path[0].x * CELL_SIZE + CELL_SIZE/2,
428
+ path[0].y * CELL_SIZE + CELL_SIZE/2
429
+ );
430
+
431
+ // Draw lines between path points
432
+ for (let i = 0; i < path.length - 1; i++) {
433
+ line(
434
+ path[i].x * CELL_SIZE + CELL_SIZE/2,
435
+ path[i].y * CELL_SIZE + CELL_SIZE/2,
436
+ path[i + 1].x * CELL_SIZE + CELL_SIZE/2,
437
+ path[i + 1].y * CELL_SIZE + CELL_SIZE/2
438
+ );
439
+ }
440
+ strokeWeight(1);
441
+ }
442
+ }
443
+
444
+ function saveMap() {
445
+ const mapData = {
446
+ grid: grid,
447
+ rooms: Array.from(rooms.entries()),
448
+ characterPos: characterPos,
449
+ gridCols: GRID_COLS,
450
+ gridRows: GRID_ROWS
451
+ };
452
+ localStorage.setItem('apartmentMap', JSON.stringify(mapData));
453
+ alert('Map saved!');
454
+ updateGameJson(); // Update game JSON after saving
455
+ }
456
+
457
+ function loadMap() {
458
+ const mapData = localStorage.getItem('apartmentMap');
459
+ if (!mapData) {
460
+ alert('No saved map found!');
461
+ return;
462
+ }
463
+
464
+ const data = JSON.parse(mapData);
465
+
466
+ // Update grid dimensions and input fields
467
+ GRID_COLS = data.gridCols || 40;
468
+ GRID_ROWS = data.gridRows || 20;
469
+ document.getElementById('gridCols').value = GRID_COLS;
470
+ document.getElementById('gridRows').value = GRID_ROWS;
471
+
472
+ // Resize canvas and initialize grid
473
+ resizeCanvas(GRID_COLS * CELL_SIZE, GRID_ROWS * CELL_SIZE);
474
+ initGrid();
475
+
476
+ // Load saved data
477
+ grid = data.grid;
478
+ rooms = new Map(data.rooms);
479
+ characterPos = data.characterPos;
480
+ updateRoomDropdown();
481
+ updateGameJson(); // Update game JSON after loading
482
+ }
483
+
484
+ function removeSelectedRoom() {
485
+ const roomName = document.getElementById('roomSelect').value;
486
+ if (!roomName) return;
487
+
488
+ // Remove room from the rooms Map
489
+ rooms.delete(roomName);
490
+
491
+ // Update the dropdown
492
+ updateRoomDropdown();
493
+ }
494
+
495
+ function resizeGrid() {
496
+ const newCols = parseInt(document.getElementById('gridCols').value) || 40;
497
+ const newRows = parseInt(document.getElementById('gridRows').value) || 20;
498
+
499
+ // Save old grid data
500
+ const oldGrid = JSON.parse(JSON.stringify(grid)); // Deep copy
501
+ const oldCols = GRID_COLS;
502
+ const oldRows = GRID_ROWS;
503
+
504
+ // Update dimensions
505
+ GRID_COLS = newCols;
506
+ GRID_ROWS = newRows;
507
+
508
+ // Initialize new grid first
509
+ initGrid();
510
+
511
+ // Copy old data to new grid where possible
512
+ for (let y = 0; y < Math.min(oldRows, GRID_ROWS); y++) {
513
+ for (let x = 0; x < Math.min(oldCols, GRID_COLS); x++) {
514
+ if (oldGrid[y] && oldGrid[y][x]) {
515
+ grid[y][x] = oldGrid[y][x];
516
+ }
517
+ }
518
+ }
519
+
520
+ // Resize canvas
521
+ resizeCanvas(GRID_COLS * CELL_SIZE, GRID_ROWS * CELL_SIZE);
522
+
523
+ // Adjust character position if outside new bounds
524
+ if (characterPos) {
525
+ if (characterPos.x >= GRID_COLS) characterPos.x = GRID_COLS - 1;
526
+ if (characterPos.y >= GRID_ROWS) characterPos.y = GRID_ROWS - 1;
527
+ }
528
+
529
+ // Adjust room cells to fit new grid
530
+ for (let [roomName, cells] of rooms) {
531
+ rooms.set(roomName, cells.filter(cell =>
532
+ cell.x < GRID_COLS && cell.y < GRID_ROWS
533
+ ));
534
+ }
535
+
536
+ // Clear path if any
537
+ path = [];
538
+ if (moveInterval) clearInterval(moveInterval);
539
+ isMoving = false;
540
+
541
+ updateGameJson(); // Update game JSON after resizing
542
+ }
543
+ </script>
544
+ </body>
545
+ </html>