Update index.html

index.html

@@ -159,92 +159,99 @@
     enemy.image.src = side === 0 ? enemy.imageLeft : enemy.imageRight;
     enemies.push(enemy);
 }
-
         function updateGame() {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-
-            player.direction = mouseX > player.x ? 1 : -1;
-            player.image.src = player.direction === 1 ? player.imageRight : player.imageLeft;
-            ctx.drawImage(player.image, player.x, player.y, player.width, player.height);
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-            bullets.forEach((bullet, index) => {
-                bullet.x += bullet.speed;
-                ctx.fillStyle = 'yellow';
-                ctx.fillRect(bullet.x, bullet.y, 10, 5);
-            });
+    player.direction = mouseX > player.x ? 1 : -1;
+    player.image.src = player.direction === 1 ? player.imageRight : player.imageLeft;
+    ctx.drawImage(player.image, player.x, player.y, player.width, player.height);
 
-            enemies.forEach((enemy, enemyIndex) => {
-                enemy.x += enemy.speed;
-                ctx.drawImage(enemy.image, enemy.x, enemy.y, enemy.width, enemy.height);
+    // 플레이어가 발사한 총알 처리
+    bullets.forEach((bullet, index) => {
+        bullet.x += bullet.speed;
+        ctx.fillStyle = 'yellow';
+        ctx.fillRect(bullet.x, bullet.y, 10, 5);
+    });
 
-                if (checkCollision(player, enemy)) {
-                    player.health--;
-                    healthFill.style.width = (player.health / 5 * 100) + '%';
-                    player.image.src = player.direction === 1 ? player.imageHitRight : player.imageHitLeft;
-                    enemies.splice(enemyIndex, 1);
-                    playerHitSound.play();
+    // 적 처리
+    enemies.forEach((enemy, enemyIndex) => {
+        enemy.x += enemy.speed;
+        ctx.drawImage(enemy.image, enemy.x, enemy.y, enemy.width, enemy.height);
 
-                    if (player.health <= 0) {
-                        endGame("Game Over! Go back to the past and change the current result!");
-                    }
-                }
-
-                bullets.forEach((bullet, bulletIndex) => {
-                    if (checkCollision(bullet, enemy)) {
-                        enemy.image.src = enemy.speed > 0 ? enemy.imageHitRight : enemy.imageHitLeft;
-                        setTimeout(() => {
-                            enemies.splice(enemyIndex, 1);
-                            bullets.splice(bulletIndex, 1);
-                            enemiesRemaining--;
-                            enemyCount.textContent = enemiesRemaining;
-                        }, 100);
-                        enemyHitSound.play();
+        // 플레이어와 적이 충돌했을 경우 처리
+        if (checkCollision(player, enemy)) {
+            player.health--;
+            healthFill.style.width = (player.health / 5 * 100) + '%';
+            player.image.src = player.direction === 1 ? player.imageHitRight : player.imageHitLeft;
+            enemies.splice(enemyIndex, 1);  // 적 제거
+            playerHitSound.play();
 
-                        if (enemiesRemaining <= 0) {
-                            endGame("You have successfully protected New York. Return to the time machine.");
-                        }
-                    }
-                });
+            if (player.health <= 0) {
+                endGame("Game Over! Go back to the past and change the current result!");
+            }
+        }
 
-                enemyShoot(enemy);
-            });
+        // 플레이어의 총알이 적을 맞췄을 경우 처리
+        bullets.forEach((bullet, bulletIndex) => {
+            if (checkCollision(bullet, enemy)) {
+                // 총알이 적을 맞췄을 때 처리
+                enemy.image.src = enemy.speed > 0 ? enemy.imageHitRight : enemy.imageHitLeft;
+                setTimeout(() => {
+                    enemies.splice(enemyIndex, 1);  // 적 제거
+                    bullets.splice(bulletIndex, 1);  // 총알 제거
+                    enemiesRemaining--;
+                    enemyCount.textContent = enemiesRemaining;
+                }, 100);
+                enemyHitSound.play();
 
-            enemyBullets.forEach((bullet, index) => {
-                bullet.x += bullet.speed;
-                ctx.fillStyle = 'orange';
-                ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
+                if (enemiesRemaining <= 0) {
+                    endGame("You have successfully protected New York. Return to the time machine.");
+                }
+            }
+        });
 
-                if (
-                    bullet.x < player.x + player.width - 30 &&
-                    bullet.x + bullet.width > player.x + 30 &&
-                    bullet.y < player.y + player.height - 30 &&
-                    bullet.y + bullet.height > player.y + 30
-                ) {
-                    player.health--;
-                    healthFill.style.width = (player.health / 5 * 100) + '%';
-                    player.image.src = player.direction === 1 ? player.imageHitRight : player.imageHitLeft;
-                    enemyBullets.splice(index, 1);
-                    playerHitSound.play();
+        // 적의 총알 발사
+        enemyShoot(enemy);
+    });
 
-                    if (player.health <= 0) {
-                        endGame("Game Over! Go back to the past and change the current result!");
-                    }
-                }
-            });
+    // 적의 총알 처리
+    enemyBullets.forEach((bullet, index) => {
+        bullet.x += bullet.speed;
+        ctx.fillStyle = 'orange';
+        ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
 
-            // 화면 밖의 총알 제거
-            bullets = bullets.filter(bullet => 
-                bullet.x >= 0 && bullet.x <= canvas.width
-            );
-            enemyBullets = enemyBullets.filter(bullet => 
-                bullet.x >= 0 && bullet.x <= canvas.width
-            );
+        // 총알이 플레이어와 충돌했을 경우 처리
+        if (
+            bullet.x < player.x + player.width - 30 &&
+            bullet.x + bullet.width > player.x + 30 &&
+            bullet.y < player.y + player.height - 30 &&
+            bullet.y + bullet.height > player.y + 30
+        ) {
+            player.health--;
+            healthFill.style.width = (player.health / 5 * 100) + '%';
+            player.image.src = player.direction === 1 ? player.imageHitRight : player.imageHitLeft;
+            enemyBullets.splice(index, 1);  // 총알 제거
+            playerHitSound.play();
 
-            if (!gameOver) {
-                requestAnimationFrame(updateGame);
+            if (player.health <= 0) {
+                endGame("Game Over! Go back to the past and change the current result!");
             }
         }
+    });
+
+    // 화면 밖으로 나간 총알 제거
+    bullets = bullets.filter(bullet => 
+        bullet.x >= 0 && bullet.x <= canvas.width
+    );
+    enemyBullets = enemyBullets.filter(bullet => 
+        bullet.x >= 0 && bullet.x <= canvas.width
+    );
 
+    // 게임이 종료되지 않으면 계속 업데이트
+    if (!gameOver) {
+        requestAnimationFrame(updateGame);
+    }
+}
         setTimeout(() => {
             message.textContent = "Click on the character";
             setTimeout(() => {