Upload 114 files

static/assets/css/game-style.css

@@ -8,7 +8,9 @@
     position: relative;
     overflow: hidden;
 }
-
+* {
+    opacity: 0.98;
+}
 #gameContainer {
     display: flex;
     width: 100%;

static/assets/css/how-to-play.css

@@ -10,7 +10,9 @@
   align-items: center;
   margin-top: 20px;
 }
-
+* {
+  opacity: 0.98;
+}
 .content h1 {
   font-family: "HorrorBrush", cursive;
   font-size: 64px;

static/assets/css/index-style.css

@@ -7,8 +7,8 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
+  opacity: 0.98;
 }
-
 body {
   background-color: #000000;
   min-height: 100vh;

static/game/elmnts/character.js

@@ -15,6 +15,10 @@ class Character {
         return this.characterPos;
     }
 
+    moving_check() {
+
+    }
+
     setCharacterPosition(pos) {
         this.characterPos = pos;
     }
@@ -72,6 +76,7 @@ class Character {
             this.previousPos = { ...this.characterPos };
             const nextPos = this.path.shift();
             this.characterPos = nextPos;
+            this.moving_check();
         }, this.speed);
     }
 

static/game/elmnts/furniture.js

@@ -110,10 +110,7 @@ function getFurniture() {
                 },
                 "state": "searchable",
                 "in_use": true,
-                "key":"Desk Note",
-                "reward":"Flashlight",
-                "locked_msg":"There's like a shit ton of books in here in a bunch of different colors, i have no idea what i'm looking for... 😵‍💫",
-                "unlocked_msg":"Got the pink book. Looks like it's hollowed out and there's a flashlight inside 🔦. WEIRD?? there's also some writing here that says the mouth holds the key. omg that's so creepy wtf",
+                "msg":"There's nothing useful in here...",
                 "sprite": [
                     {
                         "for": "searchable",
@@ -137,7 +134,7 @@ function getFurniture() {
                     "x": 3,
                     "y": 2
                 },
-                "state": "off",
+                "state": "on",
                 "in_use": false,
                 "sprite": [
                     {
@@ -160,8 +157,8 @@ function getFurniture() {
                 "state": "usable",
                 "in_use": true,
                 "key":"Knife",
-                "locked_msg":"um... what. the. fuck. IS THIS A DEAD BODY?? WHO ARE YOU??",
-                "unlocked_msg":"no no no no no ew ew ew ew whyyyyyyy...😭😭😭 theres a note here that says NEO. why the f was there a note in its mouth??",
+                "locked_msg":"Um... what. the. f. Why is its mouth stitched up? Is the key inside??? i cant open it",
+                "unlocked_msg":"No no no ew ew i can't believe im doing this...😭😭😭 ....the key was in here i got it!! I can get out!",
                 "sprite": [
                     {
                         "for": "usable",
@@ -205,7 +202,7 @@ function getFurniture() {
                 "state": "searchable",
                 "in_use": true,
                 "reward":"knife",
-                "search_msg":"Omg a knife 🔪... ill take it but there's no way i'm fighting that thing u can't make me ok?? ",
+                "msg":"Omg a knife 🔪... i just took it but there's no way i can kill the creature with this.",
                 "sprite": [
                     {
                         "for": "searchable",
@@ -259,32 +256,8 @@ function getFurniture() {
                         "img": "/assets/img/appartment/stoveunsearchable.png"
                     }
                 ]
-            },{
-                "name":"Storage Shade",
-                "room":"Storage",
-                "wall_pos": {
-                    "x": 6,
-                    "y": 3
-                },
-                "stop_pos":{
-                    "x": 7,
-                    "y": 3
-                },
-                "state":"locked",
-                "in_use": false,
-                "locked_message":"No no no theres no way im going in there its dark as shit and its already fking scary out here ",
-                "unlocked_message":"Ok here goes...",
-                "sprite": [
-                    {
-                        "for": "locked",
-                        "img": "/assets/img/appartment/storagelocked.png"
-                    },
-                    {
-                        "for": "unlocked",
-                        "img": "/assets/img/appartment/storageunlocked.png"
-                    }
-                ]
-            },{
+            }
+              ,{
                 "name":"The Exit",
                 "room":"Main Hallway",
                 "in_use": true,

static/game/elmnts/girlfriend.js

@@ -1,146 +1,197 @@
 class Girlfriend extends Character {
-  constructor(gameState, girlfriendImg) {
-    super(gameState, girlfriendImg);
-    this.gameState = gameState;
-    this.gameState.girlfriend = this;
-    this.img = girlfriendImg;
-    this.setCharacterPosition(this.gameState.map_data.girlfriend_start_pos);
-    this.currentHidingSpot = null;
-    this.stressLevel = 30;
-    this.inventory = [];
-  }
-
-  draw(CELL_SIZE) {
-    if (this.characterPos) {
-      push();
-      if (this.previousPos && this.characterPos.x > this.previousPos.x) {
-        scale(-1, 1);
-        image(
-          this.img,
-          -this.characterPos.x * CELL_SIZE - CELL_SIZE * 2,
-          this.characterPos.y * CELL_SIZE,
-          CELL_SIZE * 2,
-          CELL_SIZE * 2
+    constructor(gameState, girlfriendImg) {
+        super(gameState, girlfriendImg);
+        this.gameState = gameState;
+        this.gameState.girlfriend = this;
+        this.img = girlfriendImg;
+        this.setCharacterPosition(this.gameState.map_data.girlfriend_start_pos);
+        this.currentHidingSpot = null;
+        this.stressLevel = 30;
+        this.inventory = [];
+        this.knows_about_dead_body = false;
+    }
+
+    draw(CELL_SIZE) {
+        if (this.characterPos) {
+            push();
+            if (this.previousPos && this.characterPos.x > this.previousPos.x) {
+                scale(-1, 1);
+                image(
+                    this.img,
+                    -this.characterPos.x * CELL_SIZE - CELL_SIZE * 2,
+                    this.characterPos.y * CELL_SIZE,
+                    CELL_SIZE * 2,
+                    CELL_SIZE * 2
+                );
+            } else {
+                if (this.getIsHiding()) {
+                    tint(255, 153);
+                    image(
+                        this.img,
+                        this.characterPos.x * CELL_SIZE,
+                        this.characterPos.y * CELL_SIZE,
+                        CELL_SIZE * 2,
+                        CELL_SIZE * 2
+                    );
+                } else {
+                    image(
+                        this.img,
+                        this.characterPos.x * CELL_SIZE,
+                        this.characterPos.y * CELL_SIZE,
+                        CELL_SIZE * 2,
+                        CELL_SIZE * 2
+                    );
+                }
+            }
+            pop();
+        }
+    }
+
+    updateStressLevel(stressChange) {
+        // Add or subtract the stress change while keeping within 0-100 range
+        this.stressLevel = Math.max(
+            0,
+            Math.min(100, this.stressLevel + stressChange)
+        );
+    }
+
+    handleAction(response) {
+        switch (response.action) {
+            case "go":
+                this.moveToRoom(response.target);
+                break;
+            case "hide":
+                this.hide(response.target);
+                break;
+            case "exit":
+                this.exit();
+                break;
+            case "check":
+                this.check(response.target)
+                break;
+        }
+    }
+
+    getAvailableHidingSpots() {
+        // Find the current room in map data
+        const currentRoom = this.gameState.map_data.rooms.find(
+            (room) => room.name === this.getCurrentRoom()
+        );
+        // Return hiding places for current room if found, otherwise empty array
+        return currentRoom ? currentRoom.hiding_places : [];
+    }
+
+    getAvailableFurniture() {
+        // Get current room
+        const currentRoom = this.getCurrentRoom();
+        if (!currentRoom) return [];
+
+        // Filter furniture list to only include items in current room that are in use
+        return this.gameState.map_data.furniture.filter(
+            furniture => furniture.room === currentRoom && furniture.in_use === true
+        );
+    }
+
+    getKnowsAboutDeadBody() {
+        return this.knows_about_dead_body;
+    }
+
+    getInventory() {
+        return this.inventory;
+    }
+
+    getIsHiding() {
+        const hidingSpots = this.getAvailableHidingSpots();
+        if (!this.characterPos || hidingSpots.length === 0) return false;
+
+        return hidingSpots.some(
+            (spot) =>
+                spot.position.x === this.characterPos.x &&
+                spot.position.y === this.characterPos.y
+        );
+    }
+
+    hide(hidingSpotName) {
+        const currentRoom = this.getCurrentRoom();
+        if (!currentRoom) return;
+
+        // Find the room data from map_data
+        const roomData = this.gameState.map_data.rooms.find(
+            (room) => room.name === currentRoom
         );
-      } else {
-        if (this.getIsHiding()) {
-          tint(255, 153);
-          image(
-            this.img,
-            this.characterPos.x * CELL_SIZE,
-            this.characterPos.y * CELL_SIZE,
-            CELL_SIZE * 2,
-            CELL_SIZE * 2
-          );
-        } else {
-          image(
-            this.img,
-            this.characterPos.x * CELL_SIZE,
-            this.characterPos.y * CELL_SIZE,
-            CELL_SIZE * 2,
-            CELL_SIZE * 2
-          );
+        if (!roomData) return;
+
+        // Find the specific hiding spot in the room by checking if names contain each other
+        const hidingSpot = roomData.hiding_places.find(
+            (spot) =>
+                spot.name
+                    .toLowerCase()
+                    .trim()
+                    .includes(hidingSpotName.toLowerCase().trim()) ||
+                hidingSpotName
+                    .toLowerCase()
+                    .trim()
+                    .includes(spot.name.toLowerCase().trim())
+        );
+
+        if (!hidingSpot) return;
+
+        // Move to the hiding spot position
+        this.moveToPosition(hidingSpot.position, () => {
+            this.currentHidingSpot = hidingSpotName;
+        });
+    }
+
+    exit() {
+        let the_exit = this.gameState.getTheExit();
+        let x = the_exit.pos.x;
+        let y = the_exit.pos.y - 1;
+        let pos = { "x": x, "y": y };
+        this.moveToPosition(pos, () => {
+            if (!this.inventory || !this.inventory.includes("Key")) {
+                addProgramaticMessage(the_exit.locked_message);
+            } else {
+                addProgramaticMessage(the_exit.unlocked_message);
+            }
+        });
+    }
+
+    check(target) {
+        if (target === "Bookcase") {
+            let bookcase = this.gameState.getBookcase();
+            this.moveToPosition(bookcase.pos, () => {
+                addProgramaticMessage(bookcase.msg);
+                bookcase.state = "unusable";
+            });
+        } else if (target === "Cabinet") {
+            let cabinet = this.gameState.getCabinet();
+            this.moveToPosition(cabinet.pos, () => {
+                addProgramaticMessage(cabinet.msg);
+                this.inventory.push("Knife");
+                cabinet.state = "unsearchable";
+            });
+        } else if (target === "Dead Body") {
+            let deadBody = this.gameState.map_data.furniture.find(item => item.name === "Dead Body");
+            this.moveToPosition(deadBody.pos, () => {
+
+                if (this.inventory.includes("Knife")) {
+                    addProgramaticMessage("No no no ew ew i can't believe im doing this...😭😭😭 ....the key was in here i got it!! I can get out!");
+                    deadBody.state = "unusable";
+                    this.inventory.push("Key");
+                } else {
+                    addProgramaticMessage("Um... what. the. f. Why is its mouth stitched up? Is the key inside??? i cant open it");
+                }
+
+            });
+
+
         }
-      }
-      pop();
+
     }
-  }
-
-  updateStressLevel(stressChange) {
-    // Add or subtract the stress change while keeping within 0-100 range
-    this.stressLevel = Math.max(
-      0,
-      Math.min(100, this.stressLevel + stressChange)
-    );
-  }
-
-  handleAction(response) {
-    switch (response.action) {
-      case "go":
-        this.moveToRoom(response.target);
-        break;
-      case "hide":
-        this.hide(response.target);
-        break;  
-      case "exit":
-        this.exit();
-        break;
+
+    moving_check() {
+        if (this.getCurrentRoom() === "Storage") {
+            this.knows_about_dead_body = true;
+        }
     }
-  }
-
-  getAvailableHidingSpots() {
-    // Find the current room in map data
-    const currentRoom = this.gameState.map_data.rooms.find(
-      (room) => room.name === this.getCurrentRoom()
-    );
-    // Return hiding places for current room if found, otherwise empty array
-    return currentRoom ? currentRoom.hiding_places : [];
-  }
-
-  getAvailableFurniture() {
-    // Get current room
-    const currentRoom = this.getCurrentRoom();
-    if (!currentRoom) return [];
-
-    // Filter furniture list to only include items in current room that are in use
-    return this.gameState.map_data.furniture.filter(
-      furniture => furniture.room === currentRoom && furniture.in_use === true
-    );
-  }
-
-  getIsHiding() {
-    const hidingSpots = this.getAvailableHidingSpots();
-    if (!this.characterPos || hidingSpots.length === 0) return false;
-
-    return hidingSpots.some(
-      (spot) =>
-        spot.position.x === this.characterPos.x &&
-        spot.position.y === this.characterPos.y
-    );
-  }
-
-  hide(hidingSpotName) {
-    const currentRoom = this.getCurrentRoom();
-    if (!currentRoom) return;
-
-    // Find the room data from map_data
-    const roomData = this.gameState.map_data.rooms.find(
-      (room) => room.name === currentRoom
-    );
-    if (!roomData) return;
-
-    // Find the specific hiding spot in the room by checking if names contain each other
-    const hidingSpot = roomData.hiding_places.find(
-      (spot) =>
-        spot.name
-          .toLowerCase()
-          .trim()
-          .includes(hidingSpotName.toLowerCase().trim()) ||
-        hidingSpotName
-          .toLowerCase()
-          .trim()
-          .includes(spot.name.toLowerCase().trim())
-    );
-
-    if (!hidingSpot) return;
-
-    // Move to the hiding spot position
-    this.moveToPosition(hidingSpot.position, () => {
-      this.currentHidingSpot = hidingSpotName;
-    });
-  }
-
-  exit() {
-    let the_exit = this.gameState.getTheExit();
-    let x = the_exit.pos.x;
-    let y = the_exit.pos.y-1;
-    let pos = {"x": x, "y": y};
-    this.moveToPosition(pos, () => {
-      if (!this.inventory || !this.inventory.includes("Key")) {
-        addProgramaticMessage(the_exit.locked_message);
-      } else  {
-        addProgramaticMessage(the_exit.unlocked_message);
-      }
-      });
-  }
 }

static/game/game.js

@@ -61,7 +61,6 @@ function draw() {
 
     drawLabels(gameState.map_data.rooms);
 
-    drawStorage() 
 
 
   if (girlfriend) {

static/game/gameState.js

@@ -39,11 +39,15 @@ class GameState {
   }
 
   getTheExit() {
-    return this.map_data.furniture.find(furniture => furniture.name === "The Exit");
+    return this.map_data.furniture.find(
+      (furniture) => furniture.name === "The Exit"
+    );
   }
 
   getStorage() {
-    return this.map_data.furniture.find(furniture => furniture.name === "Storage");
+    return this.map_data.furniture.find(
+      (furniture) => furniture.name === "Storage"
+    );
   }
 
   getStressPrompt() {
@@ -64,11 +68,38 @@ The final stress level after applying the change must stay between 0 and 100.
 
 Examples:
 "Hide quickly!" -> {"stressChange": 40}
-"You're safe now, take a deep breath" -> {"stressChange": -35}
-"The killer is right behind you!" -> {"stressChange": 50}
-"Let's think about this calmly" -> {"stressChange": -30}`;
+"You're safe now, take a deep breath" -> {"stressChange": -40}
+"The killer is right behind you!" -> {"stressChange": 30}
+"Let's think about this calmly" -> {"stressChange": -40}`;
   }
 
+  getFirstPrompt() {
+    return `
+   You are a JSON girlfriend that is stuck in her boyfriends appartment with an evil murderous clown. You are currently having a text conversation with your boyfriend who has access to security cameras and can give instructions through text.
+  You are texting your boyfriend a text message to let him know you are in danger and that you absolutely need help.
+
+  RESPONSE FORMAT:
+  You must ALWAYS respond with a JSON object. 
+  {
+  "textMessage": "[girlfriend's response]"
+  }
+
+  YOUR BEHAVIOUR:
+  --You are now in the bedroom
+  Your text responses should be:
+  -- Brief and urgent
+  -- Reflect genuine fear and panic
+  -- Write like real text messages (short, quick responses)
+  -- May include typos or rushed writing due to stress
+  --You are very scared but you are also super brave to be honest
+  --Don't name your partner
+
+  EXAMPLE RESPONSE:
+  {
+    "textMessage": "hi babe I think there's someone... or something... in the house, I'm so scared. Help me please!!!!"
+  }
+`;
+  }
   getPrompt() {
     return `
 
@@ -88,7 +119,13 @@ ${
     : "- You have no idea where the clown is, you will hide if you can, if not leave the room"
 }
 
-
+${
+  this.girlfriend.getInventory().length > 0
+    ? `- You have the following items in your inventory: ${this.girlfriend
+        .getInventory()
+        .join(", ")}`
+    : ""
+}
 RESPONSE FORMAT:
 You must ALWAYS respond with a JSON object. 
 Your response should reflect a girlfriend's reaction to her boyfriend's message given this context and following the following structure:
@@ -100,12 +137,39 @@ For movement instructions ("go" action):
   "textMessage": "[girlfriend's response]"
 }
 
+VALID ROOMS:
+You are only allowed to move to these rooms no other rooms are recognized:
+${this.map_data.rooms.map((room) => room.name).join(",\n")}
+
+
 For hiding instructions ("hide" action):
 {
   "action": "hide",
   "target": "[hiding place name]",
   "textMessage": "[girlfriend's response]"
 }
+VALID HIDING PLACES:
+You are only allowed to hide in these hiding spots no other hiding spots are recognized:
+${
+  this.girlfriend.getAvailableHidingSpots().length > 0
+    ? `- You may hide in these available hiding spots (and thats it): ${this.girlfriend
+        .getAvailableHidingSpots()
+        .map((spot) => `[${spot.hiding_type} ${spot.name}]`)
+        .join(", ")}`
+    : "- There are no available hiding spots in this room"
+}
+
+
+For checking/inquiring/going to apecifically the Cabinet or Bookcase instructions ("check" action):
+{
+  "action": "check",
+  "target": "she can only check \"Cabinet\" (this is in the kitchen, you can ask if youre not sure) or \"Bookcase\" (this is in  the guest bedroom   you can ask if youre not sure).${
+    this.girlfriend.getKnowsAboutDeadBody()
+      ? ' or "Dead Body" (in the Storage room)'
+      : "you might be asked to check other things be open minded about it ask where, be freaked out if nncecessarry"
+  } 
+  "textMessage": "[girlfriend's response]"
+}
 
 For exiting the house by the exit in the mainhallway instructions ("exit" action):
 {
@@ -114,25 +178,13 @@ For exiting the house by the exit in the mainhallway instructions ("exit" action
   "textMessage": "[girlfriend's response]"
 }
 
+
 For any other input:
 {
   "textMessage": "[girlfriend's response]"
 }
 
-VALID ROOMS:
-You are only allowed to move to these rooms no other rooms are recognized:
-${this.map_data.rooms.map((room) => room.name).join(",\n")}
 
-VALID HIDING PLACES:
-You are only allowed to hide in these hiding spots no other hiding spots are recognized:
-${
-  this.girlfriend.getAvailableHidingSpots().length > 0
-    ? `- You may hide in these available hiding spots (and thats it): ${this.girlfriend
-        .getAvailableHidingSpots()
-        .map((spot) => `${spot.hiding_type} ${spot.name}`)
-        .join(", ")}`
-    : "- There are no available hiding spots in this room"
-}
 
 YOUR BEHAVIOR:
 - You are aware of the danger and are extremely distressed. 

static/game/index.html

@@ -1,70 +1,98 @@
 <!DOCTYPE html>
 <html>
-
-<head>
+  <head>
     <title>The Last Message - A text based horror game</title>
     <link rel="stylesheet" href="/static/assets/css/game-style.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div class="led-bar">
-        <div class="light-beam"></div>
+      <div class="light-beam"></div>
     </div>
     <div class="background-elements">
-        <img src="/static/assets/img/blood-2.png" alt="" class="blood blood-top-left" />
-        <img src="/static/assets/img/help.png" alt="" class="blood blood-top-right" />
-        <img src="/static/assets/img/splatter.png" alt="" class="blood splatter" />
-        <img src="/static/assets/img/hand.png" alt="" class="blood blood-bottom-right" />
+      <img
+        src="/static/assets/img/blood-2.png"
+        alt=""
+        class="blood blood-top-left"
+      />
+      <img
+        src="/static/assets/img/help.png"
+        alt=""
+        class="blood blood-top-right"
+      />
+      <img
+        src="/static/assets/img/splatter.png"
+        alt=""
+        class="blood splatter"
+      />
+      <img
+        src="/static/assets/img/hand.png"
+        alt=""
+        class="blood blood-bottom-right"
+      />
     </div>
     <div id="gameContainer">
-        <div id="mapSection">
-            <div id="mapWrapper" class="map-wrapper">
-                <!-- P5.js canvas goes here -->
-            </div>
+      <div id="mapSection">
+        <div id="mapWrapper" class="map-wrapper">
+          <!-- P5.js canvas goes here -->
         </div>
-        <div class="phone-mockup">
-            <div class="phone-screen">
-                <div id="chatSection">
-                    <div id="chatHeader">
-                        <div class="profile-picture">
-                            <!-- L'image sera ajoutée ici plus tard -->
-                        </div>
-                        <div class="chat-name">Bae 💖😘</div>
-                    </div>
-                    <div id="chatHistory"></div>
-                    <div id="chatControls">
-                        <input type="text" id="prompt" placeholder="Type your message...">
-                        <button onclick="Message()">
-                            <svg width="683" height="683" viewBox="0 0 683 683" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path
-                                    d="M22.2666 1.86666C19.5999 2.93333 16.5333 4.39999 15.4666 5.19999C11.9999 8.13333 9.33325 15.7333 9.33325 22.5333C9.33325 28.1333 65.4666 283.333 66.9333 284.667C67.3333 285.067 339.333 332.267 372.4 337.733C381.733 339.333 389.333 340.933 389.333 341.333C389.333 341.733 381.733 343.333 372.4 344.933C339.2 350.4 67.3333 397.6 66.9333 398C65.4666 399.333 9.33325 654.533 9.33325 660.133C9.33325 675.867 21.0666 685.333 35.8666 681.333C42.6666 679.467 662.267 362 666.4 358.133C671.333 353.733 673.333 348.8 673.333 341.333C673.333 333.867 671.333 328.933 666.4 324.533C662.533 320.933 43.0666 3.19999 36.2666 1.33333C29.9999 -0.400007 28.5333 -0.266674 22.2666 1.86666Z"
-                                    fill="white" />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
+      </div>
+      <div class="phone-mockup">
+        <div class="phone-screen">
+          <div id="chatSection">
+            <div id="chatHeader">
+              <div class="profile-picture">
+                <!-- L'image sera ajoutée ici plus tard -->
+              </div>
+              <div class="chat-name">Bae 💖😘</div>
+            </div>
+            <div id="chatHistory"></div>
+            <div id="chatControls">
+              <input
+                type="text"
+                id="prompt"
+                placeholder="Type your message..."
+              />
+              <button onclick="Message()">
+                <svg
+                  width="683"
+                  height="683"
+                  viewBox="0 0 683 683"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M22.2666 1.86666C19.5999 2.93333 16.5333 4.39999 15.4666 5.19999C11.9999 8.13333 9.33325 15.7333 9.33325 22.5333C9.33325 28.1333 65.4666 283.333 66.9333 284.667C67.3333 285.067 339.333 332.267 372.4 337.733C381.733 339.333 389.333 340.933 389.333 341.333C389.333 341.733 381.733 343.333 372.4 344.933C339.2 350.4 67.3333 397.6 66.9333 398C65.4666 399.333 9.33325 654.533 9.33325 660.133C9.33325 675.867 21.0666 685.333 35.8666 681.333C42.6666 679.467 662.267 362 666.4 358.133C671.333 353.733 673.333 348.8 673.333 341.333C673.333 333.867 671.333 328.933 666.4 324.533C662.533 320.933 43.0666 3.19999 36.2666 1.33333C29.9999 -0.400007 28.5333 -0.266674 22.2666 1.86666Z"
+                    fill="white"
+                  />
+                </svg>
+              </button>
             </div>
+          </div>
         </div>
+      </div>
     </div>
 
     <div class="sound-button" onclick="toggleSound()">
-        <img src="/static/assets/img/sondon.png" alt="Sound control" id="soundIcon" />
+      <img
+        src="/static/assets/img/sondon.png"
+        alt="Sound control"
+        id="soundIcon"
+      />
     </div>
 
     <audio id="bgMusic" loop>
-        <source src="/static/assets/sounds/music.mp3" type="audio/mp3" />
+      <source src="/static/assets/sounds/music.mp3" type="audio/mp3" />
     </audio>
 
     <audio id="messageSound">
-        <source src="/static/assets/sounds/message.wav" type="audio/wav" />
+      <source src="/static/assets/sounds/message.wav" type="audio/wav" />
     </audio>
 
     <audio id="walkingSound" loop>
-        <source src="/static/assets/sounds/walking.mp3" type="audio/mp3" />
+      <source src="/static/assets/sounds/walking.mp3" type="audio/mp3" />
     </audio>
 
-
     <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.min.js"></script>
     <script src="/static/game/elmnts/furniture.js"></script>
     <script src="/static/game/gameState.js"></script>
@@ -80,6 +108,28 @@
     <script src="/static/game/utilities/draw.js"></script>
     <script src="/static/game/game.js"></script>
 
-</body>
+    <script>
+      window.onload = async function () {
+        // Get the initial prompt from gameState
+        const firstPrompt = gameState.getFirstPrompt();
+
+        console.log("firstPrompt", firstPrompt);
+
+        const messages = [
+          {
+            role: "system",
+            content: firstPrompt,
+          },
+        ];
 
-</html>
+        try {
+          const response = await mistralAPI.sendMessage(messages);
+          const jsonResponse = JSON.parse(response);
+          addMessageToChat("assistant", jsonResponse.textMessage);
+        } catch (error) {
+          console.error("Error getting initial message:", error);
+        }
+      };
+    </script>
+  </body>
+</html>

static/game/utilities/draw.js

@@ -30,24 +30,7 @@ function drawLabels(rooms) {
         // Draw room label
         textAlign(CENTER, CENTER);
         textSize(14);
-        
-        if (room.name === 'Storage') {
-            // For Storage room, add white background
-            const labelWidth = textWidth(room.name);
-            const labelHeight = textAscent() + textDescent();
-            push();
-            rectMode(CENTER);
-            fill(255); // White background
-            noStroke();
-            rect(
-                room.label_position.x * CELL_SIZE + CELL_SIZE / 2,
-                room.label_position.y * CELL_SIZE + CELL_SIZE / 2,
-                labelWidth,
-                labelHeight
-            );
-            pop();
-        }
-        
+
         fill(0);
         text(
             room.name,
@@ -72,14 +55,14 @@ function drawLabels(rooms) {
 
             // Measure exactly the text size (no extra padding)
             const labelWidth = textWidth(hidingSpot.name);
-            const labelHeight = textAscent() ;
+            const labelHeight = textAscent();
 
             // Draw a centered background rectangle 
             // that's just as wide/tall as the text
             rectMode(CENTER);
             fill('#f1c94f');
             noStroke();
-            rect(x, y, labelWidth, labelHeight/2, 2);
+            rect(x, y, labelWidth, labelHeight / 2, 2);
             pop();
 
             // Draw the text on top
@@ -148,7 +131,7 @@ function drawFurniture(furniture, sprites) {
     
     // Draw all labels second
     for (let item of furniture) {
-        if (item.pos && item.in_use == true && item.name !== "Storage") {
+        if (item.pos && item.in_use == true) {
             push();
             // Draw light gray background
             fill(220);
@@ -168,26 +151,3 @@ function drawFurniture(furniture, sprites) {
     }
 }
 
-function drawStorage() {
-   let storage = gameState.getStorage();
-    if (storage && storage.pos && storage.in_use == true) {
-        push();
-        // Draw light gray background
-        fill(220);
-        noStroke();
-        const padding = 4;
-        const textWidth = textSize() * storage.name.length * 0.6;
-        rectMode(CENTER);
-        rect((storage.pos.x + 0.5) * CELL_SIZE, (storage.pos.y + 0.5) * CELL_SIZE, textWidth, 20);
-        
-        // Draw black text
-        fill(0);
-        textAlign(CENTER, CENTER);
-        textSize(12);
-        text(storage.name, (storage.pos.x + 0.5) * CELL_SIZE, (storage.pos.y + 0.5) * CELL_SIZE);
-
-        // Draw second "Storage" text on top
-        text(storage.name, (storage.pos.x + 0.5) * CELL_SIZE, (storage.pos.y + 0.5) * CELL_SIZE - 20);
-        pop();
-    }
-}