Update index.html

index.html

@@ -592,27 +592,48 @@ nextRoundBtn.addEventListener('click', () => {
     initRound();
 });
 
+r// restartBtn 이벤트 리스너 수정
 restartBtn.addEventListener('click', () => {
+    // 게임 상태 완전 초기화
     currentRound = 1;
     gameOver = false;
+    isBossStage = false;
     player.health = player.maxHealth;
     gold = 0;
     hasAPCR = false;
     hasBF109 = false;
     hasJU87 = false;
+    enemies = [];
+    bullets = [];
+    items = [];
+    supportUnits = [];
+    effects = [];
+    
+    // UI 요소 초기화
     document.getElementById('apcr').style.display = 'block';
     document.getElementById('bf109').style.display = 'block';
     document.getElementById('ju87').style.display = 'block';
     document.getElementById('tank1').style.display = 'block';
     document.getElementById('tank2').style.display = 'block';
     document.getElementById('winMessage').style.display = 'none';
+    document.getElementById('bossButton').style.display = 'none';
     restartBtn.style.display = 'none';
+    
+    // 플레이어 초기화
     playerImg.src = 'player.png';
     player.maxHealth = defaultPlayerStats.maxHealth;
     player.speed = defaultPlayerStats.speed;
     player.width = defaultPlayerStats.width;
     player.height = defaultPlayerStats.height;
+    player.health = player.maxHealth;
+    
+    // BGM 초기화
+    bgm.pause();
     bgm.src = 'BGM2.ogg';
+    bgm.currentTime = 0;
+    bgm.play().catch(err => console.error("Error playing game music:", err));
+    
+    // 게임 재시작
     initRound();
 });
 
@@ -682,26 +703,31 @@ function buyJU87() {
         lastJU87Spawn = Date.now();
     }
 }
-  function initRound() {
-enemies = [];
-for(let i = 0; i < 1 * currentRound; i++) {
-enemies.push(new Enemy());
-}
-player.health = player.maxHealth;
-bullets = [];
-items = [];
-supportUnits = [];
-lastSupportSpawn = 0;
+ // initRound 함수 수정
+function initRound() {
+    enemies = [];
+    for(let i = 0; i < 1 * currentRound; i++) {
+        enemies.push(new Enemy());
+    }
+    player.health = player.maxHealth;
+    bullets = [];
+    items = [];
+    supportUnits = [];
+    lastSupportSpawn = 0;
+    
+    // 모든 UI 요소 숨기기
+    nextRoundBtn.style.display = 'none';
+    document.getElementById('shop').style.display = 'none';
     
-  startCountdown();
+    startCountdown();
 
-setTimeout(() => {
-    if (hasJU87) {
-        supportUnits.push(new JU87());
-        lastJU87Spawn = Date.now();
-    }
-}, 3000);
-    }
+    setTimeout(() => {
+        if (hasJU87) {
+            supportUnits.push(new JU87());
+            lastJU87Spawn = Date.now();
+        }
+    }, 3000);
+}
 function startBossStage() {
 isBossStage = true;
 enemies = [];
@@ -713,93 +739,96 @@ document.getElementById('bossButton').style.display = 'none';
 bgm.src = 'BGM.ogg';
 startCountdown();
 }
-function updateGame() {
-if(gameOver) return;
-if(!isCountingDown) {
-if(keys['w']) player.y -= player.speed;
-if(keys['s']) player.y += player.speed;
-if(keys['a']) player.x -= player.speed;
-if(keys['d']) player.x += player.speed;
-player.x = Math.max(player.width/2, Math.min(canvas.width - player.width/2, player.x));
-player.y = Math.max(player.height/2, Math.min(canvas.height - player.height/2, player.y));
-fireBullet();
-}
-if (hasBF109 && !isCountingDown) {
-    const now = Date.now();
-    if (now - lastSupportSpawn > 10000) {
-        supportUnits.push(
-            new SupportUnit(canvas.height * 0.2),
-            new SupportUnit(canvas.height * 0.5),
-            new SupportUnit(canvas.height * 0.8)
-        );
-        lastSupportSpawn = now;
+    function updateGame() {
+    if(gameOver) return;
+    if(!isCountingDown) {
+    if(keys['w']) player.y -= player.speed;
+    if(keys['s']) player.y += player.speed;
+    if(keys['a']) player.x -= player.speed;
+    if(keys['d']) player.x += player.speed;
+    player.x = Math.max(player.width/2, Math.min(canvas.width - player.width/2, player.x));
+    player.y = Math.max(player.height/2, Math.min(canvas.height - player.height/2, player.y));
+    fireBullet();
     }
-}
-
-if (hasJU87 && !isCountingDown) {
-    const now = Date.now();
-    if (now - lastJU87Spawn > 15000) {
-        supportUnits.push(new JU87());
-        lastJU87Spawn = now;
+    if (hasBF109 && !isCountingDown) {
+        const now = Date.now();
+        if (now - lastSupportSpawn > 10000) {
+            supportUnits.push(
+                new SupportUnit(canvas.height * 0.2),
+                new SupportUnit(canvas.height * 0.5),
+                new SupportUnit(canvas.height * 0.8)
+            );
+            lastSupportSpawn = now;
+        }
     }
-}
-
-supportUnits = supportUnits.filter(unit => unit.update());
-
-enemies.forEach(enemy => enemy.update());
-
-if(!isCountingDown) {
-    bullets = bullets.filter(bullet => {
-        bullet.x += Math.cos(bullet.angle) * bullet.speed;
-        bullet.y += Math.sin(bullet.angle) * bullet.speed;
-        if(!bullet.isEnemy) {
-            enemies = enemies.filter(enemy => {
-                const dist = Math.hypot(bullet.x - enemy.x, bullet.y - enemy.y);
+    
+    if (hasJU87 && !isCountingDown) {
+        const now = Date.now();
+        if (now - lastJU87Spawn > 15000) {
+            supportUnits.push(new JU87());
+            lastJU87Spawn = now;
+        }
+    }
+    
+    supportUnits = supportUnits.filter(unit => unit.update());
+    
+    enemies.forEach(enemy => enemy.update());
+    
+    if(!isCountingDown) {
+        bullets = bullets.filter(bullet => {
+            bullet.x += Math.cos(bullet.angle) * bullet.speed;
+            bullet.y += Math.sin(bullet.angle) * bullet.speed;
+            if(!bullet.isEnemy) {
+                enemies = enemies.filter(enemy => {
+                    const dist = Math.hypot(bullet.x - enemy.x, bullet.y - enemy.y);
+                    if(dist < 30) {
+                        let damage = currentWeapon === 'cannon' ? 250 : 50;
+                        enemy.health -= damage;
+                        if(enemy.health <= 0) {
+                            spawnHealthItem(enemy.x, enemy.y);
+                            gold += 100;
+                            effects.push(new Effect(enemy.x, enemy.y, 1000, 'death'));
+                            deathSound.cloneNode().play();
+                            return false;
+                        }
+                        return true;
+                    }
+                    return true;
+                });
+            } else {
+                const dist = Math.hypot(bullet.x - player.x, bullet.y - player.y);
                 if(dist < 30) {
-                    let damage = currentWeapon === 'cannon' ? 250 : 50;
-                    enemy.health -= damage;
-                    if(enemy.health <= 0) {
-                        spawnHealthItem(enemy.x, enemy.y);
-                        gold += 100;
-                        effects.push(new Effect(enemy.x, enemy.y, 1000, 'death'));
+                    player.health -= bullet.damage || 100;
+                    if(player.health <= 0) {
+                        gameOver = true;
+                        restartBtn.style.display = 'block';
+                        effects.push(new Effect(player.x, player.y, 1000, 'death'));
                         deathSound.cloneNode().play();
-                        return false;
                     }
-                    return true;
+                    return false;
                 }
-                return true;
-            });
-        } else {
-            const dist = Math.hypot(bullet.x - player.x, bullet.y - player.y);
+            }
+            return bullet.x >= 0 && bullet.x <= canvas.width && 
+                   bullet.y >= 0 && bullet.y <= canvas.height;
+        });
+    
+        items = items.filter(item => {
+            const dist = Math.hypot(item.x - player.x, item.y - player.y);
             if(dist < 30) {
-                player.health -= bullet.damage || 100;
-                if(player.health <= 0) {
-                    gameOver = true;
-                    restartBtn.style.display = 'block';
-                    effects.push(new Effect(player.x, player.y, 1000, 'death'));
-                    deathSound.cloneNode().play();
-                }
+                player.health = Math.min(player.health + 200, player.maxHealth);
                 return false;
             }
-        }
-        return bullet.x >= 0 && bullet.x <= canvas.width && 
-               bullet.y >= 0 && bullet.y <= canvas.height;
-    });
-
-    items = items.filter(item => {
-        const dist = Math.hypot(item.x - player.x, item.y - player.y);
-        if(dist < 30) {
-            player.health = Math.min(player.health + 200, player.maxHealth);
-            return false;
-        }
-        return true;
-    });
-
+            return true;
+        });
+    
+       // updateGame 함수 내의 enemies.length === 0 처리 부분 수정
     if(enemies.length === 0) {
         if (!isBossStage) {
             if(currentRound < 10) {
                 nextRoundBtn.style.display = 'block';
                 showShop();
+                // 여러 번 실행되는 것을 방지하기 위해 빈 배열 추가
+                enemies.push({health: -1}); // 임시 enemy 추가로 중복 실행 방지
             } else {
                 bossButton.style.display = 'block';
             }
@@ -812,7 +841,7 @@ if(!isCountingDown) {
             victorySound.play();
         }
     }
-}
+  }
 }
 function spawnHealthItem(x, y) {
 items.push({x, y});