sound

Author: 0ctothorp

index.html

@@ -135,6 +135,9 @@
         <button class="start">Start</button>
       </div>
     </div>
+    <audio src="hit.wav" id="hit-audio"></audio>
+    <audio src="hurt.wav" id="hurt-audio"></audio>
+    <audio src="powerup.wav" id="powerup-audio"></audio>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

public/hit.wav

@@ -27,9 +27,6 @@ export class DeathRenderComponent extends BaseComponent implements Renderer {
 
   start() {
     this.transform = COMPONENTS[this.entity]["transform"];
-    if (!this.transform) {
-      console.error(`no transform component on ${this.entity}`);
-    }
   }
 
   render(ctx: CanvasRenderingContext2D) {
@@ -147,6 +144,7 @@ export class PlayerCollider extends Collider implements ICollider {
           COMPONENTS.player.collider!.collidingWith.delete(e);
           delete COMPONENTS[e];
           GAME.score += 1;
+          (document.querySelector("#hit-audio") as HTMLAudioElement).play();
 
           if (
             Object.keys(COMPONENTS).filter((x) => x.startsWith("npc"))
@@ -158,6 +156,7 @@ export class PlayerCollider extends Collider implements ICollider {
 
         if (!npcLife.living && this.enabled) {
           this.playerHealth!.hearts -= 1;
+          (document.querySelector("#hurt-audio") as HTMLAudioElement).play();
           if (this.playerHealth!.hearts === 0) {
             this.enabled = false;
             GAME.screen = "uded";

public/hurt.wav

@@ -11,6 +11,7 @@ export class DoorCollider extends Collider implements ICollider {
     for (const e of entities) {
       if (e === "player") {
         GAME.level += 1;
+        (document.querySelector("#powerup-audio") as HTMLAudioElement).play();
       }
     }
   }

public/powerup.wav

@@ -123,7 +123,6 @@ class Game {
 
   countdown(deltaTime: number) {
     if (this.screen !== "game") return;
-    console.log("hello?");
     if (this.waitingForStart === 0) return;
 
     ctx.fillStyle = "white";