Update index.html

index.html

@@ -105,23 +105,23 @@
         canvas.height = window.innerHeight;
 
         const player = {
-            x: canvas.width / 2.3,
-            y: canvas.height - 260,
-            width: 250,
-            height: 250,
-            speed: 10,
-            health: 5,
-            bullets: 35,
-            direction: 1,
-            image: new Image(),
-            imageLeft: 'Maincharacterdefaultleft.png',
-            imageRight: 'Maincharacterdefaultright.png',
-            imageShootLeft: 'Maincharactergunshotleft.png',
-            imageShootRight: 'Maincharactergunshotright.png',
-            imageHitLeft: 'MainCharacterExplosionLeft.png',
-            imageHitRight: 'MainCharacterExplosionRight.png'
-        };
-        player.image.src = player.imageRight;
+    x: canvas.width / 2.3,
+    y: canvas.height - 260,
+    width: 250,
+    height: 250,
+    speed: 10,
+    health: 5, // 플레이어 체력을 5로 설정
+    bullets: 35,
+    direction: 1,
+    image: new Image(),
+    imageLeft: 'Maincharacterdefaultleft.png',
+    imageRight: 'Maincharacterdefaultright.png',
+    imageShootLeft: 'Maincharactergunshotleft.png',
+    imageShootRight: 'Maincharactergunshotright.png',
+    imageHitLeft: 'MainCharacterExplosionLeft.png',
+    imageHitRight: 'MainCharacterExplosionRight.png'
+};
+player.image.src = player.imageRight;
 
         let enemies = [];
         let bullets = [];
@@ -209,27 +209,30 @@
     });
 
     // 적 총알 업데이트
-    enemyBullets.forEach((bullet) => {
-        bullet.x += bullet.speed;
-        ctx.fillStyle = 'orange';
-        ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
+enemyBullets.forEach((bullet) => {
+    bullet.x += bullet.speed;
+    ctx.fillStyle = 'orange';
+    ctx.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
 
-        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--;  // 플레이어 체력 감소
+    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;
         playerHitSound.play();
 
-            if (player.health <= 0) {
-                endGame("Game Over! Go back to the past and change the current result!");
-            }
+        if (player.health <= 0) {
+            endGame("Game Over! Go back to the past and change the current result!"); // 체력이 0이 되면 게임 오버
         }
-    });
+    }
+});
+
+// 체력 바를 초기화할 때
+healthFill.style.width = (player.health / 5 * 100) + '%';
     // 화면 밖 적 총알 제거
     enemyBullets = enemyBullets.filter(bullet => bullet.x >= 0 && bullet.x <= canvas.width);