implement bomb powerup

zeucapua · Jan 10, 2024 · 3f05dc1 · 3f05dc1
1 parent 55da4b9
commit 3f05dc1
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 0 deletions.
diff --git a/party/index.ts b/party/index.ts
@@ -80,6 +80,16 @@ export default class Server implements Party.Server {
 
     else if (this.party_state === "running") {
       switch (type) {
+        // uses bomb powerup
+        case "bomb": {
+          const data = JSON.stringify({ 
+            type: "bombed",
+            values: { activator: sender.id }
+          });
+
+          this.party.broadcast(data);
+          break;
+        }
 
         // when a player is finished
         case "finished": {

diff --git a/src/routes/[party]/+page.svelte b/src/routes/[party]/+page.svelte
@@ -37,6 +37,8 @@
     (user_string.length / target_string.length) * 100
     : 0
   );
+  let bomb_charge = $state(0);
+  let rocket_charge = $state(0);
   let finished : {id: string, result: number}[] = $state([]);
 
   // ending
@@ -100,6 +102,17 @@
       socket.send(data);
     }
   }
+
+  // running 
+  function activateBomb() {
+    if (socket) {
+      const data = JSON.stringify({
+        type: "bomb",
+      });
+
+      socket.send(data);
+    }
+  }
   
   // lobby + ending
   function toggleReady() {
@@ -128,6 +141,12 @@
         conn_id = data.values.conn_id;
         break;
       }
+      case "bombed": {
+        if (conn_id !== data.values.activator) {
+          user_string = user_string.length < 10 ? "" : user_string.substring(0, user_string.length - 10);
+        }
+        break;
+      }
       case "mirror": {
         players = data.values.players;
         game_state = data.values.party_state;
@@ -181,6 +200,18 @@
     <input autofocus class="bg-transparent border-b border-white" type="text" bind:value={user_string} disabled={progress === 100}/>
     <progress class="bg-transparent border border-white" value={progress} max={100} />
 
+    <div class="w-full flex justify-center">
+      <button 
+        onclick={activateBomb}
+        class="w-full max-w-24 border-4 border-white rounded-full p-4 disabled:border-dashed disabled:bg-neutral-700"
+      >
+        <img 
+          src="/entertainment-events-hobbies-bomb-1.svg"
+          alt="Entertainment Events Hobbies Bomb 1 by StreamlineHQ"
+        />
+      </button>
+    </div>
+
     <div class="flex justify-evenly">
       {#each players as player, i (player.conn_id)}
         {#if finished.find((fin) => fin.id === player.conn_id)}