Update index.html

index.html

@@ -109,6 +109,13 @@
             <p style="color: #4CAF50;">+100% HP</p>
             <p style="color: #ff6b6b;">-30% Speed</p>
             <button onclick="buyTank('player3.png', 500, 'tank2')">Buy</button>
+        </div>
+              <div id="bf109" style="text-align:center;">
+            <h3>BF-109</h3>
+            <img src="bf109.png" width="100" height="100">
+            <p>1000 Gold</p>
+            <p style="color: #4CAF50;">Air support from BF-109</p>
+            <button onclick="buyBF109()">Buy</button>
         </div>
                   <div id="apcr" style="text-align:center;">
               <h3>APCR</h3>
@@ -148,6 +155,9 @@
         let isBossStage = false;
         let effects = [];
         let hasAPCR = false;  // APCR 구매 여부
+        let hasBF109 = false;  // BF-109 구매 여부
+        let supportUnits = [];  // 지원 유닛 배열
+        let lastSupportSpawn = 0;  // 마지막 지원 유닛 생성 시간
         // Load assets
         const backgroundImg = new Image();
         backgroundImg.src = 'city.png';
@@ -235,6 +245,61 @@
     isExpired() {
         return Date.now() - this.startTime > this.duration;
     }
+}
+      class SupportUnit {
+    constructor(yPosition) {
+        this.x = 0;
+        this.y = yPosition;
+        this.speed = 5;  // 기본 이동 속도
+        this.lastShot = 0;
+        this.width = 100;
+        this.height = 100;
+        this.angle = 0;
+        this.img = new Image();
+        this.img.src = 'bf109.png';
+    }
+
+    update() {
+        // 이동
+        this.x += this.speed;
+
+        // 발사 (1초에 5발)
+        const now = Date.now();
+        if (now - this.lastShot > 200) {  // 200ms = 1초에 5발
+            this.shoot();
+            this.lastShot = now;
+        }
+
+        // 가장 가까운 적을 향해 각도 조정
+        let nearestEnemy = null;
+        let minDist = Infinity;
+        enemies.forEach(enemy => {
+            const dist = Math.hypot(enemy.x - this.x, enemy.y - this.y);
+            if (dist < minDist) {
+                minDist = dist;
+                nearestEnemy = enemy;
+            }
+        });
+
+        if (nearestEnemy) {
+            this.angle = Math.atan2(nearestEnemy.y - this.y, nearestEnemy.x - this.x);
+        }
+
+        return this.x < canvas.width;  // 화면 내에 있으면 true 반환
+    }
+
+    shoot() {
+        machinegunSound.cloneNode().play();
+        bullets.push({
+            x: this.x + Math.cos(this.angle) * 30,
+            y: this.y + Math.sin(this.angle) * 30,
+            angle: this.angle,
+            speed: 10,
+            isEnemy: false,
+            damage: weapons.machinegun.damage,
+            size: weapons.machinegun.bulletSize
+        });
+    }
 }
         class Enemy {
                       constructor(isBoss = false) {
@@ -348,6 +413,14 @@ function buyTank(tankImg, cost, tankId) {
         document.getElementById('apcr').style.display = 'none';
         document.getElementById('shop').style.display = 'none';
     }
+}
+      function buyBF109() {
+    if (gold >= 1000 && !hasBF109) {
+        gold -= 1000;
+        hasBF109 = true;
+        document.getElementById('bf109').style.display = 'none';
+        document.getElementById('shop').style.display = 'none';
+    }
 }
         function initRound() {
             enemies = [];
@@ -414,17 +487,35 @@ function buyTank(tankImg, cost, tankId) {
             }
         }
         function updateGame() {
-            if(gameOver) return;
-            if(!isCountingDown) {
-                if(keys['w']) player.y -= player.speed;
-                if(keys['s']) player.y += player.speed;
-                if(keys['a']) player.x -= player.speed;
-                if(keys['d']) player.x += player.speed;
-                player.x = Math.max(player.width/2, Math.min(canvas.width - player.width/2, player.x));
-                player.y = Math.max(player.height/2, Math.min(canvas.height - player.height/2, player.y));
-                fireBullet();
-            }
-            enemies.forEach(enemy => enemy.update());
+    if(gameOver) return;
+    if(!isCountingDown) {
+        // 플레이어 움직임
+        if(keys['w']) player.y -= player.speed;
+        if(keys['s']) player.y += player.speed;
+        if(keys['a']) player.x -= player.speed;
+        if(keys['d']) player.x += player.speed;
+        player.x = Math.max(player.width/2, Math.min(canvas.width - player.width/2, player.x));
+        player.y = Math.max(player.height/2, Math.min(canvas.height - player.height/2, player.y));
+        fireBullet();
+    }
+
+    // 여기에 BF109 관련 코드 추가
+    if (hasBF109 && !isCountingDown) {
+        const now = Date.now();
+        if (now - lastSupportSpawn > 10000) { // 10초마다
+            // 상단, 중단, 하단에 유닛 생성
+            supportUnits.push(
+                new SupportUnit(canvas.height * 0.2),
+                new SupportUnit(canvas.height * 0.5),
+                new SupportUnit(canvas.height * 0.8)
+            );
+            lastSupportSpawn = now;
+        }
+        // 지원 유닛 업데이트 및 화면 밖 유닛 제거
+        supportUnits = supportUnits.filter(unit => unit.update());
+    }
+
+    enemies.forEach(enemy => enemy.update());
             if(!isCountingDown) {
                 bullets = bullets.filter(bullet => {
                     bullet.x += Math.cos(bullet.angle) * bullet.speed;
@@ -530,7 +621,13 @@ function buyTank(tankImg, cost, tankId) {
         ctx.restore();
         drawHealthBar(enemy.x, enemy.y - 40, enemy.health, enemy.maxHealth, 60, 5, 'red');
     });
-    
+        supportUnits.forEach(unit => {
+        ctx.save();
+        ctx.translate(unit.x, unit.y);
+        ctx.rotate(unit.angle);
+        ctx.drawImage(unit.img, -unit.width/2, -unit.height/2, unit.width, unit.height);
+        ctx.restore();
+    });
          // 총알 그리기
              bullets.forEach(bullet => {
             if (bullet.isEnemy || !bullet.isAPCR) {
@@ -604,11 +701,16 @@ restartBtn.addEventListener('click', () => {
     isBossStage = false;
     gold = 0;
     hasAPCR = false;  // APCR 초기화
+    hasBF109 = false; // BF109 초기화
+    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';  // APCR 상점 아이템 다시 표시
+    document.getElementById('apcr').style.display = 'block';
+    document.getElementById('bf109').style.display = 'block'; // BF109 상점 아이템 다시 표시
+    
     playerImg.src = 'player.png';
     bgm.src = 'BGM2.ogg';
     bgm.play();