Update index.html

index.html

@@ -210,33 +210,35 @@
             health: 1000,
             maxHealth: 1000
         };
-           function startCountdown() {
-        isCountingDown = true;
-        countdownTime = 3;
-        countdownEl.style.display = 'block';
-        countdownEl.textContent = countdownTime;
-        bgm.pause();
-        
-        // 모든 지원 유닛의 소리 상태 초기화
-        supportUnits.forEach(unit => {
-            if (unit instanceof SupportUnit) {
-                unit.hasPlayedSound = false;
-            }
-        });
-    
-        countSound.play();
-        const countInterval = setInterval(() => {
-            countdownTime--;
-            if(countdownTime <= 0) {
-                clearInterval(countInterval);
-                countdownEl.style.display = 'none';
-                isCountingDown = false;
-                bgm.play();
-            }
-            countdownEl.textContent = countdownTime > 0 ? countdownTime : 'GO!';
-        }, 1000);
-    }
-      
+       function startCountdown() {
+    isCountingDown = true;
+    countdownTime = 3;
+    countdownEl.style.display = 'block';
+    countdownEl.textContent = countdownTime;
+    bgm.pause();
+
+    // 모든 지원 유닛의 소리를 즉시 정지
+    supportUnits.forEach(unit => {
+        if (unit instanceof SupportUnit && unit.mgSound) {
+            unit.mgSound.pause();
+            unit.mgSound.currentTime = 0;
+            unit.mgSound = null;
+            unit.hasPlayedSound = false;
+        }
+    });
+
+    countSound.play();
+    const countInterval = setInterval(() => {
+        countdownTime--;
+        if(countdownTime <= 0) {
+            clearInterval(countInterval);
+            countdownEl.style.display = 'none';
+            isCountingDown = false;
+            bgm.play();
+        }
+        countdownEl.textContent = countdownTime > 0 ? countdownTime : 'GO!';
+    }, 1000);
+}
               class Effect {
     constructor(x, y, duration, type, angle = 0, parent = null) {
         this.x = x;
@@ -263,7 +265,7 @@
         return Date.now() - this.startTime > this.duration;
     }
 }
-  class SupportUnit {
+ class SupportUnit {
     constructor(yPosition) {
         this.x = 0;
         this.y = yPosition;
@@ -274,10 +276,19 @@
         this.angle = 0;  // 항상 오른쪽을 향함
         this.img = new Image();
         this.img.src = 'bf109.png';
-        this.hasPlayedSound = false;  // 소리 재생 여부 추가
+        this.hasPlayedSound = false;
+        this.mgSound = null;  // 오디오 객체 저장
     }
 
     update() {
+        // 카운트다운 상태가 변경되면 소리 정지
+        if (isCountingDown && this.mgSound) {
+            this.mgSound.pause();
+            this.mgSound.currentTime = 0;
+            this.hasPlayedSound = false;
+            this.mgSound = null;  // 객체 제거
+        }
+
         // 이동
         this.x += this.speed;
         // 발사 (1초에 5발)
@@ -290,9 +301,10 @@
     }
 
     shoot() {
-        // 카운트다운 중이 아니고 소리를 아직 재생하지 않았을 때만 재생
+        // 카운트다운 중이 아닐 때만 소리 재생
         if (!isCountingDown && !this.hasPlayedSound) {
-            new Audio('bf109mg.ogg').play();
+            this.mgSound = new Audio('bf109mg.ogg');
+            this.mgSound.play();
             this.hasPlayedSound = true;
         }
         
@@ -566,16 +578,18 @@ function buyTank(tankImg, cost, tankId) {
     supportUnits = [];
     lastSupportSpawn = 0;
 
-    // 카운트다운 시작
     startCountdown();
 
-    // 카운트다운이 끝나면 JU87 스폰
-    setTimeout(() => {
-        if (hasJU87) {
-            supportUnits.push(new JU87());
-            lastJU87Spawn = Date.now();
-        }
-    }, 3000); // 3초 후에 스폰
+    // setTimeout 대신 setInterval 사용
+    if (hasJU87) {
+        const spawnInterval = setInterval(() => {
+            if (!isCountingDown) {
+                supportUnits.push(new JU87());
+                lastJU87Spawn = Date.now();
+                clearInterval(spawnInterval);
+            }
+        }, 100);  // 100ms마다 체크
+    }
 }
                function startBossStage() {
             isBossStage = true;