Merge pull request #18 from Parallaxes/main

Hotfix Completed && Audio Capability Added

assets/js/platformer/BackgroundSnow.js

@@ -1,9 +1,13 @@
 import Background from './Background.js';
+import GameEnv from './GameEnv.js';
 
 export class BackgroundSnow extends Background {
     constructor(canvas, image, data) {
         super(canvas, image, data);
 
+        // Start the background music in loop
+        GameEnv.loopSound('everlong');
+
         this.parallaxSpeed = 0.3; // Speed for vertical parallax scrolling
     }
 

assets/js/platformer/GameControl.js

@@ -213,6 +213,9 @@ const GameControl = {
         // Destroy existing game objects
         GameEnv.destroy();
 
+        // Stop background music
+        GameEnv.stopAllSounds();
+
         // Load GameLevel objects
         if (GameEnv.currentLevel !== newLevel) {
             GameEnv.claimedCoinIds = [];

assets/js/platformer/GameEnv.js

@@ -204,6 +204,22 @@ export class GameEnv {
         sound.play();
     }
 
+    // Play a sound by its ID in a loop
+    static loopSound(id) {
+        const sound = document.getElementById(id);
+        sound.loop = true;
+        sound.play();
+    }
+
+    // Stop all sounds
+    static stopAllSounds() {
+        const sounds = document.getElementsByTagName('audio');
+        for (let sound of sounds) {
+            sound.pause();
+            sound.currentTime = 0;
+        }
+    }
+
     static updateParallaxDirection(key) {
         switch (key) {
             case "a":

index.md

@@ -29,6 +29,11 @@ image: /images/platformer/backgrounds/home.png
   <!--Audio for coin collection -->
   <audio id ="coin" src="{{site.baseurl}}/assets/audio/coin.mp3" preload="auto"></audio>
 
+<!--Audio for music -->
+
+  <!--Audio for Everlong by Foo Fighters (Winter) -->
+  <audio id="everlong" src="{{site.baseurl}}/assets/audio/everlong.mp3" preload="auto"></audio>
+
 <!--Audio for when it hits top of platform -->
   <audio id ="stomp" src="{{site.baseurl}}/assets/audio/stomp2-93279.mp3" preload="auto"></audio>