Update index.html

index.html

@@ -109,6 +109,9 @@
         const cannonSound = new Audio('firemn.ogg');
         const machinegunSound = new Audio('firemg.ogg');
         const enemyFireSound = new Audio('fireenemy.ogg');
+        const bgm = new Audio('BGM.ogg');
+  const countSound = new Audio('count.ogg');
+  bgm.loop = true;
         enemyFireSound.volume = 0.5;
         const weapons = {
             cannon: {
@@ -135,21 +138,24 @@
             health: 1000,
             maxHealth: 1000
         };
-        function startCountdown() {
-            isCountingDown = true;
-            countdownTime = 3;
-            countdownEl.style.display = 'block';
-            countdownEl.textContent = countdownTime;
-            const countInterval = setInterval(() => {
-                countdownTime--;
-                if(countdownTime <= 0) {
-                    clearInterval(countInterval);
-                    countdownEl.style.display = 'none';
-                    isCountingDown = false;
-                }
-                countdownEl.textContent = countdownTime > 0 ? countdownTime : 'GO!';
-            }, 1000);
+       function startCountdown() {
+    isCountingDown = true;
+    countdownTime = 3;
+    countdownEl.style.display = 'block';
+    countdownEl.textContent = countdownTime;
+    bgm.pause(); // BGM 일시정지
+    countSound.play(); // 카운트다운 사운드 재생
+    const countInterval = setInterval(() => {
+        countdownTime--;
+        if(countdownTime <= 0) {
+            clearInterval(countInterval);
+            countdownEl.style.display = 'none';
+            isCountingDown = false;
+            bgm.play(); // BGM 다시 재생
         }
+        countdownEl.textContent = countdownTime > 0 ? countdownTime : 'GO!';
+    }, 1000);
+}
         class Enemy {
             constructor() {
                 this.x = Math.random() * canvas.width;
@@ -369,13 +375,14 @@
             restartBtn.style.display = 'none';
             initRound();
         });
-        Promise.all([
+                Promise.all([
             new Promise(resolve => backgroundImg.onload = resolve),
             new Promise(resolve => playerImg.onload = resolve),
             new Promise(resolve => enemyImg.onload = resolve)
         ]).then(() => {
             initRound();
             gameLoop();
+            bgm.play(); // 게임 시작시 BGM 재생
         });
         window.addEventListener('resize', () => {
             canvas.width = window.innerWidth;