File size: 3,990 Bytes
e13ec6d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 |
<!DOCTYPE html>
<html>
<head>
<title>The Last Message - A text based horror game</title>
<link rel="stylesheet" href="/static/assets/css/game-style.css" />
</head>
<body>
<div class="led-bar">
<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" />
</div>
<div id="gameContainer">
<div id="mapSection">
<div id="mapWrapper" class="map-wrapper">
<!-- P5.js canvas goes here -->
</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" />
</div>
<audio id="bgMusic" loop>
<source src="/static/assets/sounds/music.mp3" type="audio/mp3" />
</audio>
<audio id="messageSound">
<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" />
</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>
<script src="/static/game/mistral.js"></script>
<script src="/static/game/elmnts/character.js"></script>
<script src="/static/game/elmnts/girlfriend.js"></script>
<script src="/static/game/elmnts/clown.js"></script>
<script src="/static/game/elmnts/grid.js"></script>
<script src="/static/game/elmnts/apt.js"></script>
<script src="/static/game/utilities/sound.js"></script>
<script src="/static/game/utilities/helpers.js"></script>
<script src="/static/game/utilities/chat.js"></script>
<script src="/static/game/utilities/draw.js"></script>
<script src="/static/game/game.js"></script>
</body>
</html> |