fixed sounds being played after a level is finished

Author: SteveMan67

frontend/javascript/level.js

@@ -76,6 +76,7 @@ let startY = 0
 
 playAgain.addEventListener("click", () => {
   winScreen.classList.add("hidden")
+  window.dispatchEvent(new CustomEvent("level:restart"))
 })
 
 window.addEventListener("level:finished", () => {

frontend/javascript/platformer.js

@@ -992,7 +992,7 @@ function updatePhysics(dt) {
 
     let maxPush = 0.5
     while (checkCollision(dt, player.x + offX + (dir * maxPush), player.y + offY, player.hitboxW, player.hitboxH, true) && maxPush < player.tileSize) {
-      maxPush += 2
+      maxPush *= 2
     }
 
     let minPush = 0
@@ -1030,9 +1030,9 @@ function updatePhysics(dt) {
       const relativeY = centerY % player.tileSize
     }
 
-    let maxPush = 0.5
+    let maxPush = 0.05
     while (checkCollision(dt, player.x + offX + 0.05, player.y + offY + (dir * maxPush), player.hitboxW - 0.1, player.hitboxH, true) && maxPush < player.tileSize) {
-      maxPush += 0.5
+      maxPush *= 2
     }
 
     let minPush = 0

frontend/javascript/site.js

@@ -9,13 +9,14 @@ import { state } from "./state.js"
 import { play } from "./api.js";
 import { drawMinimap } from "./renderer.js";
 
-const { editor } = state
+const { editor, player } = state
 export let mode = "editor"
 
 export const inEditor = !window.location.pathname.startsWith("/level")
 
 export function endLevel() {
   window.dispatchEvent(new CustomEvent("level:finished"))
+  player.mute = true
   mode = inEditor ? "editor" : "play"
   setTimeout(inEditor ? initEditor : initPlatformer, 1)
   playSound("/assets/audio/victory.wav")
@@ -30,6 +31,10 @@ export function endLevel() {
   }
 }
 
+window.addEventListener("level:restart", () => {
+  player.mute = false
+})
+
 export const input = {
   x: 0,
   y: 0,
@@ -141,6 +146,7 @@ async function preloadSound(url) {
 }
 
 export function playSound(url, randomness = 0) {
+  if (player.mute) return
   if (audioCtx.state === 'suspended') audioCtx.resume()
 
   const buffer = soundbuffers.get(url)
@@ -163,4 +169,4 @@ export function playSound(url, randomness = 0) {
   gainNode.connect(audioCtx.destination)
 
   source.start(0)
-}
+}

frontend/javascript/state.js

@@ -95,6 +95,7 @@ export const state = {
     }
   ],
   player: {
+    mute: false,
     requireCoins: false,
     coinsInLevel: 0,
     movingBlocks: [],

todo.md

@@ -2,13 +2,21 @@
 
 - trigger detection
 - add trigger limit
+- you can still move after the level ends, leading to sfx playing after the level is won
+
+**UI**
+
+- general all around polish
+- refactor styles
 
 **Platformer**
 
 - parallax background
 - enemy texture
 - lava, water, ladders
 - debug mode where I can see variables at runtime
+- better SFX
+- walljump sticks to wall (default option)
 
 **Level Share**
 
@@ -27,3 +35,7 @@
 **Documentation**
 
 - trigger storage
+
+**Trigger Script**
+
+- add some more little