Update index.html

index.html

@@ -71,6 +71,9 @@
 #nextRound {
     top: 80%; /* 화면의 아래쪽으로 이동 */
     z-index: 1000; /* "You Win"보다 아래로 설정 */
+}
+      #nextRound {
+    top: 80%;  /* 아래쪽으로 이동 */
 }
     </style>
 </head>
@@ -132,8 +135,6 @@
 </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>
@@ -147,7 +148,6 @@
         canvas.width = window.innerWidth;
         canvas.height = window.innerHeight;
         // Game state
-        let currentStage = 1;  // 스테이지 추가
         let currentRound = 1;
         let gameOver = false;
         let currentWeapon = 'cannon';
@@ -436,57 +436,35 @@
         return true;
     }
 }
-        
-         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;
+      
+        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;
           
-          this.enemyImg = new Image();
-          if (isBoss) {
-              this.enemyImg.src = currentStage === 1 ? 'boss.png' : 'enemyukboss.png';
-          } else if (currentStage === 1) {
-              if (currentRound >= 7) {
+              if (isBoss) {
+                  this.enemyImg = new Image();
+                  this.enemyImg.src = 'boss.png';
+              } else if (currentRound >= 7) {
+                  this.enemyImg = new Image();
                   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();
@@ -511,13 +489,13 @@
     sound.play();
     
     // 발사 이펙트 추가
-           effects.push(new Effect(
+        effects.push(new Effect(
         this.x + Math.cos(this.angle) * 30,
         this.y + Math.sin(this.angle) * 30,
         500,
         'fire',
         this.angle,
-        this
+        this  // 자신을 부모로 전달
     ));
 
     bullets.push({
@@ -589,10 +567,9 @@ function buyTank(tankImg, cost, tankId) {
         lastJU87Spawn = Date.now(); // 구매 즉시 스폰 타이머 초기화
     }
 }
-function initRound() {
+ function initRound() {
     enemies = [];
-    let enemyCount = currentStage === 1 ? currentRound : (2 + currentRound); // 2스테이지는 3개부터 시작
-    for(let i = 0; i < enemyCount; i++) {
+    for(let i = 0; i < 1 * currentRound; i++) {
         enemies.push(new Enemy());
     }
     player.health = player.maxHealth;
@@ -601,24 +578,7 @@ function initRound() {
     supportUnits = [];
     lastSupportSpawn = 0;
 
-    // 2스테이지 배경 초기화
-    if (currentStage === 2) {
-        const stage2Bg = new Image(); // 새로운 배경 이미지 객체 생성
-        stage2Bg.src = 'city2.png'; // 2스테이지 배경 경로 설정
-        stage2Bg.onload = () => {   // 이미지가 로드된 경우만 배경 설정
-            backgroundImg.src = 'city2.png';
-            console.log('Stage 2 background loaded successfully');
-        };
-        stage2Bg.onerror = () => { // 에러 발생 시 로그 출력
-            console.error('Failed to load Stage 2 background image: city2.png');
-        };
-
-        // 배경 음악 전환
-        bgm.pause();
-        bgm.src = 'BGM3.ogg';
-        bgm.play();
-    }
-
+    // 카운트다운 시작
     startCountdown();
 
     // 카운트다운이 끝나면 JU87 스폰
@@ -627,21 +587,19 @@ function initRound() {
             supportUnits.push(new JU87());
             lastJU87Spawn = Date.now();
         }
-    }, 3000);
+    }, 3000); // 3초 후에 스폰
 }
-                         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();
-            }
+               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();
+        }
         canvas.addEventListener('mousemove', (e) => {
             player.angle = Math.atan2(e.clientY - player.y, e.clientX - player.x);
         });
@@ -774,27 +732,25 @@ function initRound() {
                     }
                     return true;
                 });
-                          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();
-              }
-          }
-      }
+                     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();  // 승리 사운드 재생
+            }
+        }
+    }
+    enemies.forEach(enemy => enemy.update());
 }
        function spawnHealthItem(x, y) {
            items.push({x, y});
@@ -905,129 +861,43 @@ nextRoundBtn.addEventListener('click', () => {
 
 bossButton.addEventListener('click', startBossStage);
 
-// 다음 스테이지 버튼 이벤트 리스너
-document.getElementById('nextStage').addEventListener('click', () => {
-   currentStage++;
-   currentRound = 1;
-   isBossStage = false;
-   document.getElementById('nextStage').style.display = 'none';
-   // 상점 아이템 초기화 추가
-   document.getElementById('tank1').style.display = 'block';
-   document.getElementById('tank2').style.display = 'block';
-   document.getElementById('apcr').style.display = 'block';
-   document.getElementById('bf109').style.display = 'block';
-   document.getElementById('ju87').style.display = 'block';
-   // 기존 구매 상태 초기화
-   hasAPCR = false;
-   hasBF109 = false;
-   hasJU87 = false;
-   supportUnits = [];
-   lastSupportSpawn = 0;
-   lastJU87Spawn = 0;
-   // 플레이어 초기화
-   player.health = player.maxHealth;
-   playerImg.src = 'player.png';
-   gold = 0;
-   initRound();
-});
-
 restartBtn.addEventListener('click', () => {
-   currentStage = 1;  // 추가
-   currentRound = 1;
-   gameOver = false;
-   isBossStage = false;
-   gold = 0;
-   hasAPCR = false;  // APCR 초기화
-   hasBF109 = false; // BF109 초기화
-   hasJU87 = false;
-   supportUnits = []; // 지원 ���닛 배열 초기화
-   
-   restartBtn.style.display = 'none';
-   document.getElementById('winMessage').style.display = 'none';
-   document.getElementById('tank1').style.display = 'block';
-   document.getElementById('tank2').style.display = 'block';
-   document.getElementById('apcr').style.display = 'block';
-   document.getElementById('bf109').style.display = 'block'; // BF109 상점 아이템 다시 표시
-   document.getElementById('ju87').style.display = 'block'; // JU87 상점 아이템 다시 표시
-   
-   playerImg.src = 'player.png';
-   bgm.src = 'BGM2.ogg';
-   bgm.play();
-   initRound();
-});
-Promise.allSettled([
-    // 기본 이미지 로딩
-    new Promise((resolve, reject) => {
-        backgroundImg.onload = resolve;
-        backgroundImg.onerror = () => reject('Background image failed');
-    }),
-    new Promise((resolve, reject) => {
-        playerImg.onload = resolve;
-        playerImg.onerror = () => reject('Player image failed');
-    }),
-    new Promise((resolve, reject) => {
-        enemyImg.onload = resolve;
-        enemyImg.onerror = () => reject('Enemy image failed');
-    }),
-    new Promise((resolve, reject) => {
-        bulletImg.onload = resolve;
-        bulletImg.onerror = () => reject('Bullet image failed');
-    }),
+    currentRound = 1;
+    gameOver = false;
+    isBossStage = false;
+    gold = 0;
+    hasAPCR = false;  // APCR 초기화
+    hasBF109 = false; // BF109 초기화
+    hasJU87 = false;
+    supportUnits = []; // 지원 유닛 배열 초기화
     
-    // Effect 클래스에서 사용하는 이미지
-    new Promise((resolve, reject) => {
-        const effectImg = new Image();
-        effectImg.src = 'fire2.png';
-        effectImg.onload = resolve;
-        effectImg.onerror = () => reject('Effect image (fire2.png) failed');
-    }),
-    new Promise((resolve, reject) => {
-        const bangImg = new Image();
-        bangImg.src = 'bang.png';
-        bangImg.onload = resolve;
-        bangImg.onerror = () => reject('Effect image (bang.png) failed');
-    }),
+    restartBtn.style.display = 'none';
+    document.getElementById('winMessage').style.display = 'none';
+    document.getElementById('tank1').style.display = 'block';
+    document.getElementById('tank2').style.display = 'block';
+    document.getElementById('apcr').style.display = 'block';
+    document.getElementById('bf109').style.display = 'block'; // BF109 상점 아이템 다시 표시
     
-    // 지원 유닛 이미지
-    new Promise((resolve, reject) => {
-        const bf109Img = new Image();
-        bf109Img.src = 'bf109.png';
-        bf109Img.onload = resolve;
-        bf109Img.onerror = () => reject('BF109 image failed');
-    }),
-    new Promise((resolve, reject) => {
-        const ju87Img = new Image();
-        ju87Img.src = 'ju87.png';
-        ju87Img.onload = resolve;
-        ju87Img.onerror = () => reject('JU87 image failed');
-    }),
-    
-    // 스테이지 2 배경 이미지 미리 로딩
-    new Promise((resolve, reject) => {
-        const stage2Bg = new Image();
-        stage2Bg.src = 'city2.png';
-        stage2Bg.onload = resolve;
-        stage2Bg.onerror = () => reject('Stage 2 background image failed');
-    })
-]).then(results => {
-    const errors = results.filter(result => result.status === 'rejected');
-    if (errors.length > 0) {
-        console.error('이미지 로딩 실패:', errors.map(err => err.reason));
-    }
+    playerImg.src = 'player.png';
+    bgm.src = 'BGM2.ogg';
+    bgm.play();
+    initRound();
+});
 
-    // 게임 초기화 및 실행
+Promise.all([
+    new Promise(resolve => backgroundImg.onload = resolve),
+    new Promise(resolve => playerImg.onload = resolve),
+    new Promise(resolve => enemyImg.onload = resolve)
+]).then(() => {
     initRound();
     gameLoop();
     bgm.play();
-}).catch(error => {
-    console.error('Unexpected error occurred:', error);
 });
 
 window.addEventListener('resize', () => {
     canvas.width = window.innerWidth;
     canvas.height = window.innerHeight;
 });
-
    </script>
 </body>
 </html>