Update index.html

index.html

@@ -13,7 +13,7 @@
             cursor: crosshair;
         }
 
-        #score, #health {
+        #score, #health, #timer {
             position: fixed;
             color: white;
             font-size: 20px;
@@ -27,6 +27,11 @@
             top: 10px;
             right: 10px;
         }
+        #timer {
+            top: 10px;
+            left: 50%;
+            transform: translateX(-50%);
+        }
 
         #startScreen {
             position: fixed;
@@ -87,6 +92,7 @@
     </div>
     <div id="score">Score: 0</div>
     <div id="health">Health: 100</div>
+    <div id="timer">Time: 0</div>
     <div id="player"></div>
 
     <script>
@@ -95,6 +101,7 @@
         const player = document.getElementById('player');
         const scoreDisplay = document.getElementById('score');
         const healthDisplay = document.getElementById('health');
+        const timerDisplay = document.getElementById('timer');
 
         let score = 0;
         let health = 100;
@@ -104,6 +111,9 @@
         let mouseX = 0, mouseY = 0;
         let playerX = window.innerWidth / 2;
         let playerY = window.innerHeight / 2;
+        let gameTime = 0;
+        let zombieSpeedMultiplier = 1;
+        let timeInterval;
 
         // 플레이어 이동 업데이트
         function updatePlayer() {
@@ -137,7 +147,7 @@
             }
 
             document.body.appendChild(zombie);
-            zombies.push({ element: zombie, x, y, speed: 1.5 + Math.random() * 2 });
+            zombies.push({ element: zombie, x, y, speed: (1.5 + Math.random() * 2) * zombieSpeedMultiplier });
 
             updateZombies();
         }
@@ -224,23 +234,42 @@
             requestAnimationFrame(gameLoop);
         }
 
+        // 게임 시간 업데이트
+        function updateTimer() {
+            if (!gameRunning) return;
+            gameTime++;
+            timerDisplay.textContent = `Time: ${gameTime}`;
+            if (gameTime % 10 === 0) {
+                zombieSpeedMultiplier *= 2;
+                zombies.forEach(zombie => {
+                    zombie.speed = (1.5 + Math.random() * 2) * zombieSpeedMultiplier;
+                });
+             }
+        }
+
+
         // 게임 시작
         startButton.addEventListener('click', () => {
             startScreen.style.display = 'none';
             gameRunning = true;
             health = 100;
             score = 0;
+            gameTime = 0;
+            zombieSpeedMultiplier = 1;
             healthDisplay.textContent = `Health: ${health}`;
             scoreDisplay.textContent = `Score: ${score}`;
+            timerDisplay.textContent = `Time: ${gameTime}`;
             spawnZombie();
             setInterval(spawnZombie, 1000);
             gameLoop();
+            timeInterval = setInterval(updateTimer, 1000);
         });
 
         // 게임 종료
         function endGame() {
             gameRunning = false;
-            alert(`Game Over! Final Score: ${score}`);
+            clearInterval(timeInterval);
+            alert(`Game Over! Final Score: ${score}, Time: ${gameTime}`);
             location.reload();
         }
 
@@ -257,4 +286,4 @@
         updatePlayer();
     </script>
 </body>
-</html>
+</html>