Update index.html

index.html

@@ -225,21 +225,27 @@ if (enemiesRemaining <= 0 && enemies.length === 0) {
 
         // 총알이 플레이어와 충돌했을 경우 처리
         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();
+    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) + '%';
 
-            if (player.health <= 0) {
-                endGame("Game Over! Go back to the past and change the current result!");
-            }
-        }
+    const hitImage = player.direction === 1 ? player.imageHitRight : player.imageHitLeft;
+    player.image.src = hitImage; // 맞은 이미지로 변경
+    setTimeout(() => {
+        player.image.src = player.direction === 1 ? player.imageRight : player.imageLeft; // 1초 후 기본 이미지로 복원
+    }, 1000);
+
+    enemyBullets.splice(index, 1); // 총알 제거
+    playerHitSound.play();
+
+    if (player.health <= 0) {
+        endGame("Game Over! Go back to the past and change the current result!");
+    }
+}
     });
 
     // 화면 밖으로 나간 총알 제거
@@ -320,20 +326,25 @@ if (enemiesRemaining <= 0 && enemies.length === 0) {
                         if (player.x < canvas.width - player.width) player.x += player.speed;
                         break;
                     case ' ':
-                        if (player.bullets > 0) {
-                            player.image.src = player.direction === 1 ? player.imageShootRight : player.imageShootLeft;
-                            bullets.push({
-                                x: player.x + player.width / 2,
-                                y: player.y + player.height / 2.5,
-                                width: 10,
-                                height: 5,
-                                speed: player.direction * 10
-                            });
-                            player.bullets--;
-                            bulletCount.textContent = player.bullets;
-                            playerShootSound.play();
-                        }
-                        break;
+    if (player.bullets > 0) {
+        const shootImage = player.direction === 1 ? player.imageShootRight : player.imageShootLeft;
+        player.image.src = shootImage; // 발사 이미지로 변경
+        setTimeout(() => {
+            player.image.src = player.direction === 1 ? player.imageRight : player.imageLeft; // 1초 후 기본 이미지로 복원
+        }, 1000);
+
+        bullets.push({
+            x: player.x + player.width / 2,
+            y: player.y + player.height / 2.5,
+            width: 10,
+            height: 5,
+            speed: player.direction * 10
+        });
+        player.bullets--;
+        bulletCount.textContent = player.bullets;
+        playerShootSound.play();
+    }
+    break;
                 }
             }
         });