Spaces:

Mistral-AI-Game-Jam
/

TextToSurvive

Running on T4

App Files Files Community

cosimotaiuti commited on 8 days ago

Commit

6d3ffa2

verified ·

1 Parent(s): 6e89e8c

Upload 111 files

Browse files

Files changed (50) hide show

LICENSE.md +21 -0
README.md +24 -3
static/.DS_Store +0 -0
static/assets/.DS_Store +0 -0
static/assets/css/index-style.css +6 -3
static/assets/img/.DS_Store +0 -0
static/assets/img/appartment/basemap.png +0 -0
static/assets/img/appartment/bedroomdoorlocked.png +0 -0
static/assets/img/appartment/bedroomdoorunlocked.png +0 -0
static/assets/img/appartment/bookcasesearchable.png +0 -0
static/assets/img/appartment/bookcaseunusuable.png +0 -0
static/assets/img/appartment/bookcaseusable.png +0 -0
static/assets/img/appartment/cabinetsearchable.png +0 -0
static/assets/img/appartment/cabinetunsearchable.png +0 -0
static/assets/img/appartment/coffeetableunusable.png +0 -0
static/assets/img/appartment/coffeetableusable.png +0 -0
static/assets/img/appartment/deadbodyunusable.png +0 -0
static/assets/img/appartment/deadbodyusable.png +0 -0
static/assets/img/appartment/desksearchable.png +0 -0
static/assets/img/appartment/deskunsearchable.png +0 -0
static/assets/img/appartment/dressersearchable.png +0 -0
static/assets/img/appartment/dresserunsearchable.png +0 -0
static/assets/img/appartment/fridgesearchable.png +0 -0
static/assets/img/appartment/fridgeunsearchable.png +0 -0
static/assets/img/appartment/generatoroff.png +0 -0
static/assets/img/appartment/generatoron.png +0 -0
static/assets/img/appartment/mainentranceopen.png +0 -0
static/assets/img/appartment/storagelocked.png +0 -0
static/assets/img/appartment/storageunlocked.png +0 -0
static/assets/img/appartment/stovesearchable.png +0 -0
static/assets/img/appartment/stoveunsearchable.png +0 -0
static/assets/img/appartment/theexit.png +0 -0
static/assets/img/appartment/tvunused.png +0 -0
static/assets/img/appartment/tvused.png +0 -0
static/assets/img/clown.png +0 -0
static/assets/img/gf.png +0 -0
static/assets/img/hand.png +0 -0
static/assets/img/help.png +0 -0
static/assets/img/how_to_play/cabinet.png +0 -0
static/assets/img/how_to_play/deadbody.png +0 -0
static/credits.html +132 -0
static/game/elmnts/clown.js +1 -1
static/game/game.js +13 -5
static/game/gameState.js +3 -1
static/game/index.html +1 -0
static/game/utilities/chat.js +1 -1
static/game/utilities/draw.js +1 -0
static/game/utilities/sound.js +8 -1
static/howto/how-to-play-2.html +3 -3
static/index.html +1 -0

LICENSE.md ADDED Viewed

	@@ -0,0 +1,21 @@

+MIT License
+Copyright (c) 2025 Johnny
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md CHANGED Viewed

@@ -1,15 +1,15 @@
 ---
-title: TextToSurvive
 emoji: 📱
 colorFrom: gray
 colorTo: red
 sdk: gradio
-sdk_version: 5.13.1
 app_file: app.py
 pinned: false
 ---
-# The Last Message - Horror Escape Game
 An interactive horror escape game where your messages determine the fate of others.
@@ -22,3 +22,24 @@ docker build -t p5js-game .
 # Run the container
 docker run -p 8000:8000 p5js-game

 ---
+title: Text to Survive
 emoji: 📱
 colorFrom: gray
 colorTo: red
 sdk: gradio
+sdk_version: "3.50.2"
 app_file: app.py
 pinned: false
 ---
+# Text to Survive - A Text-Based Horror Escape Game
 An interactive horror escape game where your messages determine the fate of others.
 # Run the container
 docker run -p 8000:8000 p5js-game
+### API Key Setup
+To run this game, you'll need a Mistral AI API key. You can obtain one by:
+1. Going to [Mistral AI Platform](https://console.mistral.ai/)
+2. Creating an account
+3. Generating an API key in your dashboard
+Once you have your API key, you can set it as an environment variable:
+## Authors
+| Name                   | Links                                                                                                |
+| ---------------------- | ---------------------------------------------------------------------------------------------------- | ---------------------------------------- | ---------------------------------------- |
+| Johnny Moacdieh        | [LinkedIn](https://www.linkedin.com/in/johnny-moacdieh-935687b3/) • [Website](http://johnnym.dev/)   |
+| Carl Farra             | [LinkedIn](https://www.linkedin.com/in/carlfarra/) • [Website](https://rpsdaily.com/)                |
+| Remi Kaito             | [LinkedIn](https://www.linkedin.com/in/remikaito/) • [X/Twitter](https://x.com/mrrremi)              |
+| Cosimo Taiuti          | [LinkedIn](https://www.linkedin.com/in/cosimotaiuti/)                                                | [X/Twitter](https://x.com/cosimo_taiuti) | [Website](https://www.cosimotaiuti.com/) |
+| Joseph "Tonic" Pollack | [LinkedIn](https://www.linkedin.com/in/josephpollack/) • [HuggingFace](https://huggingface.co/Tonic) |
+| Luca Teodorescu        | [LinkedIn](https://www.linkedin.com/in/luca-teodorescu/)                                             |

static/.DS_Store CHANGED Viewed

Binary files a/static/.DS_Store and b/static/.DS_Store differ

static/assets/.DS_Store CHANGED Viewed

Binary files a/static/assets/.DS_Store and b/static/assets/.DS_Store differ

static/assets/css/index-style.css CHANGED Viewed

@@ -98,11 +98,14 @@ main {
 .menu {
   display: flex;
-  margin-top: 250px;
   flex-direction: column;
   gap: 30px;
   align-items: center;
-  position: relative;
 }
 .menu::after {
@@ -377,7 +380,7 @@ main {
 }
 .character img {
-  width: 550px;
   height: auto;
 }

 .menu {
   display: flex;
   flex-direction: column;
   gap: 30px;
   align-items: center;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1000;
 }
 .menu::after {
 }
 .character img {
+  width: 400px;
   height: auto;
 }

static/assets/img/.DS_Store CHANGED Viewed

Binary files a/static/assets/img/.DS_Store and b/static/assets/img/.DS_Store differ

static/assets/img/appartment/basemap.png CHANGED Viewed

static/assets/img/appartment/bedroomdoorlocked.png CHANGED Viewed

static/assets/img/appartment/bedroomdoorunlocked.png CHANGED Viewed

static/assets/img/appartment/bookcasesearchable.png CHANGED Viewed

static/assets/img/appartment/bookcaseunusuable.png CHANGED Viewed

static/assets/img/appartment/bookcaseusable.png CHANGED Viewed

static/assets/img/appartment/cabinetsearchable.png CHANGED Viewed

static/assets/img/appartment/cabinetunsearchable.png CHANGED Viewed

static/assets/img/appartment/coffeetableunusable.png CHANGED Viewed

static/assets/img/appartment/coffeetableusable.png CHANGED Viewed

static/assets/img/appartment/deadbodyunusable.png CHANGED Viewed

static/assets/img/appartment/deadbodyusable.png CHANGED Viewed

static/assets/img/appartment/desksearchable.png CHANGED Viewed

static/assets/img/appartment/deskunsearchable.png CHANGED Viewed

static/assets/img/appartment/dressersearchable.png CHANGED Viewed

static/assets/img/appartment/dresserunsearchable.png CHANGED Viewed

static/assets/img/appartment/fridgesearchable.png CHANGED Viewed

static/assets/img/appartment/fridgeunsearchable.png CHANGED Viewed

static/assets/img/appartment/generatoroff.png CHANGED Viewed

static/assets/img/appartment/generatoron.png CHANGED Viewed

static/assets/img/appartment/mainentranceopen.png CHANGED Viewed

static/assets/img/appartment/storagelocked.png CHANGED Viewed

static/assets/img/appartment/storageunlocked.png CHANGED Viewed

static/assets/img/appartment/stovesearchable.png CHANGED Viewed

static/assets/img/appartment/stoveunsearchable.png CHANGED Viewed

static/assets/img/appartment/theexit.png CHANGED Viewed

static/assets/img/appartment/tvunused.png CHANGED Viewed

static/assets/img/appartment/tvused.png CHANGED Viewed

static/assets/img/clown.png CHANGED Viewed

static/assets/img/gf.png CHANGED Viewed

static/assets/img/hand.png CHANGED Viewed

static/assets/img/help.png CHANGED Viewed

static/assets/img/how_to_play/cabinet.png ADDED Viewed

static/assets/img/how_to_play/deadbody.png ADDED Viewed

static/credits.html ADDED Viewed

	@@ -0,0 +1,132 @@

+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Credits - Text to Survive</title>
+    <link rel="stylesheet" href="assets/css/index-style.css" />
+    <style>
+      .credits-container {
+        text-align: center;
+        color: #fff;
+        margin-top: 2rem;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        min-height: 50vh;
+      }
+      .credits-list {
+        list-style: none;
+        padding: 0;
+        display: flex;
+        flex-direction: column;
+        gap: 2rem;
+      }
+      .credits-list li {
+        margin: 0;
+      }
+      .credits-list a {
+        font-family: "HorrorBrush", cursive;
+        color: #fff;
+        text-decoration: none;
+        transition: all 0.3s;
+        font-size: 36px;
+        letter-spacing: 2px;
+      }
+      .credits-list a:hover {
+        color: #9b0000;
+        transform: scale(1.1);
+        text-shadow: 0 0 10px rgba(155, 0, 0, 0.5);
+      }
+      .back-button {
+        margin-top: 4rem;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="led-bar">
+      <div class="light-beam"></div>
+    </div>
+    <div class="background-elements">
+      <img src="assets/img/blood-2.png" alt="" class="blood blood-top-left" />
+      <img src="assets/img/help.png" alt="" class="blood blood-top-right" />
+      <img src="assets/img/splatter.png" alt="" class="blood splatter" />
+      <img src="assets/img/hand.png" alt="" class="blood blood-bottom-right" />
+    </div>
+    <main>
+      <div class="credits-container">
+        <ul class="credits-list">
+          <li><a href="https://www.linkedin.com/in/johnny-moacdieh-935687b3/" target="_blank">Johnny Moacdieh</a></li>
+          <li><a href="https://www.linkedin.com/in/carlfarra/" target="_blank">Carl Farra</a></li>
+          <li><a href="https://www.linkedin.com/in/remikaito/" target="_blank">Remi Kaito</a></li>
+          <li><a href="https://www.linkedin.com/in/cosimotaiuti/" target="_blank">Cosimo Taiuti</a></li>
+          <li><a href="https://www.linkedin.com/in/josephpollack/" target="_blank">Joseph Pollack</a></li>
+          <li><a href="https://www.linkedin.com/in/luca-teodorescu/" target="_blank">Luca Teodorescu</a></li>
+        </ul>
+        <div class="back-button">
+          <a href="index.html" class="menu-item">BACK TO MENU</a>
+        </div>
+      </div>
+    </main>
+    <div class="sound-button" onclick="toggleSound()">
+      <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" />
+    </audio>
+    <script>
+      let isSoundOn = true;
+      const soundIcon = document.getElementById("soundIcon");
+      const bgMusic = document.getElementById("bgMusic");
+      window.addEventListener("DOMContentLoaded", () => {
+        if (localStorage.getItem("isSoundOn") === null) {
+          localStorage.setItem("isSoundOn", "true");
+        } else {
+          isSoundOn = localStorage.getItem("isSoundOn") === "true";
+        }
+        updateSoundIcon();
+        try {
+          bgMusic.currentTime = 10;
+          if (isSoundOn) {
+            bgMusic.play().catch((error) => {
+              console.log("Autoplay prevented:", error);
+              isSoundOn = false;
+              localStorage.setItem("isSoundOn", "false");
+              updateSoundIcon();
+            });
+          }
+        } catch (error) {
+          console.error("Error playing audio:", error);
+        }
+      });
+      function toggleSound() {
+        isSoundOn = !isSoundOn;
+        localStorage.setItem("isSoundOn", isSoundOn.toString());
+        if (isSoundOn) {
+          if (bgMusic.currentTime < 10) {
+            bgMusic.currentTime = 10;
+          }
+          bgMusic.play();
+        } else {
+          bgMusic.pause();
+        }
+        updateSoundIcon();
+      }
+      function updateSoundIcon() {
+        soundIcon.src = isSoundOn
+          ? "/static/assets/img/sondon.png"
+          : "/static/assets/img/soundoff.png";
+      }
+    </script>
+  </body>
+</html>

static/game/elmnts/clown.js CHANGED Viewed

@@ -31,7 +31,7 @@ class Clown extends Character {
   decideBehavior() {
     if (!this.isMoving) {
-      const roomEntries = this.gameState.map_data.rooms;
       if (this.targetGirlfriend && !this.gameState.girlfriend.isHiding) {
         const girlfriendPos = this.targetGirlfriend.getCharacterPosition();

   decideBehavior() {
     if (!this.isMoving) {
+      const roomEntries = this.gameState.map_data.rooms.filter(room => room.name !== "Kitchen");
       if (this.targetGirlfriend && !this.gameState.girlfriend.isHiding) {
         const girlfriendPos = this.targetGirlfriend.getCharacterPosition();

static/game/game.js CHANGED Viewed

@@ -20,13 +20,10 @@ let messageSnd;
 let successSnd;
-let isSoundOn =
-  localStorage.getItem("isSoundOn") === null
-    ? true
-    : localStorage.getItem("isSoundOn") !== "false";
 const soundIcon = document.getElementById("soundIcon");
 const bgMusic = document.getElementById("bgMusic");
@@ -66,6 +63,17 @@ async function initializeChat() {
 }
 async function setup() {
   setStressLevel('no');
   baseMapImg = loadImage("/assets/img/appartment/basemap.png");

 let successSnd;
+let isSoundOn = true;
 const soundIcon = document.getElementById("soundIcon");
 const bgMusic = document.getElementById("bgMusic");
 }
 async function setup() {
+         // Vérifier si c'est la première visite
+         if (localStorage.getItem("isSoundOn") === null) {
+          // Première visite : initialiser avec le son activé
+          localStorage.setItem("isSoundOn", "true");
+        } else {
+          // Visites suivantes : récupérer l'état précédent
+          isSoundOn = localStorage.getItem("isSoundOn") == "true";
+        }
   setStressLevel('no');
   baseMapImg = loadImage("/assets/img/appartment/basemap.png");

static/game/gameState.js CHANGED Viewed

@@ -46,7 +46,6 @@ class GameState {
     );
   }
   getStressPrompt() {
     const currentStress = this.girlfriend ? this.girlfriend.stressLevel : 50; // Default to 50 if girlfriend not initialized
@@ -187,9 +186,12 @@ ${this.girlfriend.getCurrentRoom() !== this.clown.getCurrentRoom()
       }
 Your text responses should be:
 -- Brief and urgent
 -- Reflect genuine fear and panic
 -- Write like real text messages (short, quick responses)
 -- No time for pleasantries or long explanations
 -- May include typos or rushed writing due to stress
 --You are very scared but you are also super brave to be honest
 -- As long as the stress level increases, you will be more scared and more likely to hide or to not follow the instructions

     );
   }
   getStressPrompt() {
     const currentStress = this.girlfriend ? this.girlfriend.stressLevel : 50; // Default to 50 if girlfriend not initialized
       }
 Your text responses should be:
 -- Brief and urgent
+-- Avoid using asterisks in the textMessage content
 -- Reflect genuine fear and panic
 -- Write like real text messages (short, quick responses)
 -- No time for pleasantries or long explanations
+-- If asked to hide in a room that isnt a hiding place just go to the room you might find a hiding place there
+--If asked to exit the house perform exit action dont just go to the hallway, just exit
 -- May include typos or rushed writing due to stress
 --You are very scared but you are also super brave to be honest
 -- As long as the stress level increases, you will be more scared and more likely to hide or to not follow the instructions

static/game/index.html CHANGED Viewed

@@ -53,6 +53,7 @@
               <input
                 type="text"
                 id="prompt"
                 placeholder="Type your message..."
               />
               <button onclick="sendMessage()">

               <input
                 type="text"
                 id="prompt"
+                autocomplete="off"
                 placeholder="Type your message..."
               />
               <button onclick="sendMessage()">

static/game/utilities/chat.js CHANGED Viewed

@@ -38,7 +38,7 @@ async function strongIndependantWoman(){
       { role: "user", content: `
         **your boyfriend has been away from his phone for a while and has not replied promptly to your last message,
         you shall based on all that you know decide to take an action, also you're pissed at the boyfriend**
-        you are brave, strong, fabulous and will dosomething about this situation
         you're gall is to escape the house and avoid the clown at all costs
         ` },

       { role: "user", content: `
         **your boyfriend has been away from his phone for a while and has not replied promptly to your last message,
         you shall based on all that you know decide to take an action, also you're pissed at the boyfriend**
+        you are brave, strong, fabulous and will do something about this situation
         you're gall is to escape the house and avoid the clown at all costs
         ` },

static/game/utilities/draw.js CHANGED Viewed

@@ -75,6 +75,7 @@ function drawLabels(rooms) {
 }
 function drawWallsAndDoors() {
     for (let y = 0; y < GRID_ROWS; y++) {
         for (let x = 0; x < GRID_COLS; x++) {
             const cell = grid[y][x];

 }
 function drawWallsAndDoors() {
+    let grid = gameState.map_data.grid;
     for (let y = 0; y < GRID_ROWS; y++) {
         for (let x = 0; x < GRID_COLS; x++) {
             const cell = grid[y][x];

static/game/utilities/sound.js CHANGED Viewed

@@ -1,5 +1,6 @@
 function playSound(sound) {
-    if (isSoundOn) {
         let soundToPlay;
         // Determine which sound to play
@@ -65,6 +66,12 @@ function toggleSound() {
     updateSoundIcon();
 }
 function updateSoundIcon() {
     soundIcon.src = isSoundOn ? "/static/assets/img/sondon.png" : "/static/assets/img/soundoff.png";
 }

 function playSound(sound) {
+    if (typeof isSoundOn === 'undefined' ? false : isSoundOn) {
         let soundToPlay;
         // Determine which sound to play
     updateSoundIcon();
 }
+// Check if sound setting exists in localStorage, if not toggle sound on
+if (localStorage.getItem("isSoundOn") === null) {
+    toggleSound();
+}
 function updateSoundIcon() {
     soundIcon.src = isSoundOn ? "/static/assets/img/sondon.png" : "/static/assets/img/soundoff.png";
 }

static/howto/how-to-play-2.html CHANGED Viewed

@@ -25,13 +25,13 @@
       <div class="content">
         <h1>How to Play</h1>
         <p class="main-description">
-         Find the objects you need to escape
         </p>
         <div class="objects-container">
           <div class="object-type green">
             <div class="image-container">
               <img
-                src="../assets/img/how_to_play/coffeetableusable_1.png"
                 alt="Green object example"
                 class="tutorial-image"
               />
@@ -43,7 +43,7 @@
           <div class="object-type red">
             <div class="image-container">
               <img
-                src="../assets/img/how_to_play/tvunused_1.png"
                 alt="Red object example"
                 class="tutorial-image"
               />

       <div class="content">
         <h1>How to Play</h1>
         <p class="main-description">
+         Help her find the key to escape
         </p>
         <div class="objects-container">
           <div class="object-type green">
             <div class="image-container">
               <img
+                src="../assets/img/how_to_play/cabinet.png"
                 alt="Green object example"
                 class="tutorial-image"
               />
           <div class="object-type red">
             <div class="image-container">
               <img
+                src="../assets/img/how_to_play/deadbody.png"
                 alt="Red object example"
                 class="tutorial-image"
               />

static/index.html CHANGED Viewed

@@ -26,6 +26,7 @@
       <nav class="menu">
         <a href="game/index.html" class="menu-item new-game">NEW GAME</a>
         <a href="howto/how-to-play.html" class="menu-item how-to-play">HOW TO PLAY</a>
       </nav>
       <div class="character">
         <a href="howto/how-to-play.html">

       <nav class="menu">
         <a href="game/index.html" class="menu-item new-game">NEW GAME</a>
         <a href="howto/how-to-play.html" class="menu-item how-to-play">HOW TO PLAY</a>
+        <a href="credits.html" class="menu-item credits">CREDITS</a>
       </nav>
       <div class="character">
         <a href="howto/how-to-play.html">