Update index.html

index.html

@@ -135,6 +135,8 @@
 </div>
     <button id="bossButton" class="button">Fight Boss!</button>
     <div id="winMessage" class="button" style="font-size: 72px; background: none;">You Win!</div>
+    <button id="nextStage" class="button">Next Stage</button>
+  
   
 
     <script>
@@ -436,35 +438,57 @@
         return true;
     }
 }
-      
-        class Enemy {
-                      constructor(isBoss = false) {
-              this.x = Math.random() * canvas.width;
-              this.y = Math.random() * canvas.height;
-              this.health = isBoss ? 15000 : 1000;
-              this.maxHealth = this.health;
-              this.speed = isBoss ? 1 : 2;
-              this.lastShot = 0;
-              this.shootInterval = isBoss ? 1000 : 1000;
-              this.angle = 0;
-              this.width = 100;
-              this.height = 45;
-              this.moveTimer = 0;
-              this.moveInterval = Math.random() * 2000 + 1000;
-              this.moveAngle = Math.random() * Math.PI * 2;
-              this.isBoss = isBoss;
+        
+         class Enemy {
+      constructor(isBoss = false) {
+          this.x = Math.random() * canvas.width;
+          this.y = Math.random() * canvas.height;
+          this.health = this.getHealth(isBoss);
+          this.maxHealth = this.health;
+          this.speed = isBoss ? 1 : 2;
+          this.lastShot = 0;
+          this.shootInterval = isBoss ? 1000 : 1000;
+          this.angle = 0;
+          this.width = 100;
+          this.height = 45;
+          this.moveTimer = 0;
+          this.moveInterval = Math.random() * 2000 + 1000;
+          this.moveAngle = Math.random() * Math.PI * 2;
+          this.isBoss = isBoss;
           
-              if (isBoss) {
-                  this.enemyImg = new Image();
-                  this.enemyImg.src = 'boss.png';
-              } else if (currentRound >= 7) {
-                  this.enemyImg = new Image();
+          this.enemyImg = new Image();
+          if (isBoss) {
+              this.enemyImg.src = currentStage === 1 ? 'boss.png' : 'enemyukboss.png';
+          } else if (currentStage === 1) {
+              if (currentRound >= 7) {
                   this.enemyImg.src = 'enemy3.png';
               } else if (currentRound >= 4) {
-                  this.enemyImg = new Image();
                   this.enemyImg.src = 'enemy2.png';
+              } else {
+                  this.enemyImg.src = 'enemy.png';
               }
+          } else {  // 스테이지 2
+              if (currentRound >= 7) {
+                  this.enemyImg.src = 'enemyuk3.png';
+              } else if (currentRound >= 4) {
+                  this.enemyImg.src = 'enemyuk2.png';
+              } else {
+                  this.enemyImg.src = 'enemyuk1.png';
+              }
+          }
+      }
+  
+      getHealth(isBoss) {
+          if (isBoss) return 15000;
+          if (currentStage === 1) {
+              return 1000;  // 스테이지 1은 기존과 동일
+          } else {  // 스테이지 2
+              if (currentRound >= 7) return 2000;
+              if (currentRound >= 4) return 1500;
+              return 1000;
           }
+      }
+
             update() {
                 if(isCountingDown) return;
                 const now = Date.now();
@@ -567,9 +591,10 @@ function buyTank(tankImg, cost, tankId) {
         lastJU87Spawn = Date.now(); // 구매 즉시 스폰 타이머 초기화
     }
 }
- function initRound() {
+function initRound() {
     enemies = [];
-    for(let i = 0; i < 1 * currentRound; i++) {
+    let enemyCount = currentStage === 1 ? currentRound : (2 + currentRound); // 2스테이지는 3개부터 시작
+    for(let i = 0; i < enemyCount; i++) {
         enemies.push(new Enemy());
     }
     player.health = player.maxHealth;
@@ -578,6 +603,11 @@ function buyTank(tankImg, cost, tankId) {
     supportUnits = [];
     lastSupportSpawn = 0;
 
+    if (currentStage === 2) {
+        backgroundImg.src = 'city2.png';
+        bgm.src = 'BGM3.ogg';
+    }
+
     // 카운트다운 시작
     startCountdown();
 
@@ -589,17 +619,19 @@ function buyTank(tankImg, cost, tankId) {
         }
     }, 3000); // 3초 후에 스폰
 }
-               function startBossStage() {
-            isBossStage = true;
-            enemies = [];
-            enemies.push(new Enemy(true));
-            player.health = player.maxHealth;
-            bullets = [];
-            items = [];
-            document.getElementById('bossButton').style.display = 'none';
-            bgm.src = 'BGM.ogg';  // 보스전 BGM으로 변경
-            startCountdown();
-        }
+                         function startBossStage() {
+                isBossStage = true;
+                enemies = [];
+                enemies.push(new Enemy(true));
+                player.health = player.maxHealth;
+                bullets = [];
+                items = [];
+                document.getElementById('bossButton').style.display = 'none';
+                if (currentStage === 1) {
+                    bgm.src = 'BGM.ogg';
+                }
+                startCountdown();
+            }
         canvas.addEventListener('mousemove', (e) => {
             player.angle = Math.atan2(e.clientY - player.y, e.clientX - player.x);
         });
@@ -732,24 +764,27 @@ function buyTank(tankImg, cost, tankId) {
                     }
                     return true;
                 });
-                     if(enemies.length === 0) {
-            if (!isBossStage) {
-                if(currentRound < 10) {
-                    nextRoundBtn.style.display = 'block';
-                    showShop();
-                } else {
-                    document.getElementById('bossButton').style.display = 'block';
-                }
-            } else {
-                gameOver = true;
-                document.getElementById('winMessage').style.display = 'block';
-                restartBtn.style.display = 'block';
-                bgm.pause();  // 현재 BGM 정지
-                const victorySound = new Audio('victory.ogg');  // 승리 사운드 생성
-                victorySound.play();  // 승리 사운드 재생
-            }
-        }
-    }
+                          if(enemies.length === 0) {
+          if (!isBossStage) {
+              if(currentRound < 10) {
+                  nextRoundBtn.style.display = 'block';
+                  showShop();
+              } else {
+                  document.getElementById('bossButton').style.display = 'block';
+              }
+          } else {
+              if (currentStage === 1) {  // 1스테이지 보스 처치
+                  document.getElementById('nextStage').style.display = 'block';
+              } else {  // 2스테이지 보스 처치
+                  gameOver = true;
+                  document.getElementById('winMessage').style.display = 'block';
+                  restartBtn.style.display = 'block';
+                  bgm.pause();  // 현재 BGM 정지
+                  const victorySound = new Audio('victory.ogg');
+                  victorySound.play();
+              }
+          }
+      }
     enemies.forEach(enemy => enemy.update());
 }
        function spawnHealthItem(x, y) {
@@ -861,6 +896,15 @@ nextRoundBtn.addEventListener('click', () => {
 
 bossButton.addEventListener('click', startBossStage);
 
+// 다음 스테이지 버튼 이벤트 리스너
+document.getElementById('nextStage').addEventListener('click', () => {
+    currentStage++;
+    currentRound = 1;
+    isBossStage = false;
+    document.getElementById('nextStage').style.display = 'none';
+    initRound();
+});
+
 restartBtn.addEventListener('click', () => {
     currentRound = 1;
     gameOver = false;