Update index.html

index.html

@@ -116,6 +116,13 @@
             <p>1000 Gold</p>
             <p style="color: #4CAF50;">Air support from BF-109</p>
             <button onclick="buyBF109()">Buy</button>
+        </div>
+              <div id="ju87" style="text-align:center;">
+            <h3>JU-87</h3>
+            <img src="ju87.png" width="100" height="100">
+            <p>1500 Gold</p>
+            <p style="color: #4CAF50;">Get ju-87 air support</p>
+            <button onclick="buyJU87()">Buy</button>
         </div>
                   <div id="apcr" style="text-align:center;">
               <h3>APCR</h3>
@@ -156,6 +163,8 @@
         let effects = [];
         let hasAPCR = false;  // APCR 구매 여부
         let hasBF109 = false;  // BF-109 구매 여부
+        let hasJU87 = false;   // JU-87 구매 여부 
+        let lastJU87Spawn = 0; // 마지막 JU-87 생성 시간
         let supportUnits = [];  // 지원 유닛 배열
         let lastSupportSpawn = 0;  // 마지막 지원 유닛 생성 시간
         // Load assets
@@ -246,7 +255,7 @@
         return Date.now() - this.startTime > this.duration;
     }
 }
-     class SupportUnit {
+  class SupportUnit {
     constructor(yPosition) {
         this.x = 0;
         this.y = yPosition;
@@ -257,24 +266,28 @@
         this.angle = 0;  // 항상 오른쪽을 향함
         this.img = new Image();
         this.img.src = 'bf109.png';
+        this.hasPlayedSound = false;  // 소리 재생 여부 추가
     }
 
     update() {
         // 이동
         this.x += this.speed;
-
         // 발사 (1초에 5발)
         const now = Date.now();
         if (now - this.lastShot > 200) {
             this.shoot();
             this.lastShot = now;
         }
-
         return this.x < canvas.width;
     }
 
     shoot() {
-        machinegunSound.cloneNode().play();
+        // 최초 발사시에만 소리 재생
+        if (!this.hasPlayedSound) {
+            new Audio('bf109mg.ogg').play();
+            this.hasPlayedSound = true;
+        }
+        
         bullets.push({
             x: this.x + Math.cos(this.angle) * 30,
             y: this.y + Math.sin(this.angle) * 30,
@@ -286,6 +299,106 @@
         });
     }
 }
+      class JU87 {
+    constructor() {
+        this.x = canvas.width;
+        this.y = 50;
+        this.speed = 5;
+        this.width = 100;
+        this.height = 100;
+        this.angle = Math.PI;
+        this.img = new Image();
+        this.img.src = 'ju87.png';
+        this.target = null; // 처음에는 타겟 없음
+        this.lastShot = 0;
+        this.spawnTime = Date.now();
+        this.hasPlayedSound = false;
+        this.hasPlayedMGSound = false;
+        this.isReturning = false;
+    }
+
+    selectTarget() {
+        return enemies.length > 0 ? 
+            enemies[Math.floor(Math.random() * enemies.length)] : null;
+    }
+
+    shoot() {
+        // 최초 발사시에만 소리 재생
+        if (!this.hasPlayedMGSound) {
+            new Audio('ju87mg.ogg').play();
+            this.hasPlayedMGSound = true;
+        }
+
+        // 양쪽 기관총 위치
+        [[59, 36], [59, 62]].forEach(([x, y]) => {
+            const rotatedX = this.x + (Math.cos(this.angle) * x - Math.sin(this.angle) * y);
+            const rotatedY = this.y + (Math.sin(this.angle) * x + Math.cos(this.angle) * y);
+
+            bullets.push({
+                x: rotatedX,
+                y: rotatedY,
+                angle: this.angle,
+                speed: 10,
+                isEnemy: false,
+                damage: weapons.machinegun.damage,
+                size: weapons.machinegun.bulletSize
+            });
+        });
+    }
+
+    update() {
+        // 최초 등장시 사이렌
+        if (!this.hasPlayedSound) {
+            new Audio('ju87siren.ogg').play();
+            this.hasPlayedSound = true;
+        }
+
+        const timeSinceSpawn = Date.now() - this.spawnTime;
+
+        // 5초 이후 행동
+        if (timeSinceSpawn > 5000) {
+            if (!this.isReturning) {
+                this.isReturning = true;
+                this.target = null;
+                // 중앙으로 이동
+                this.angle = Math.atan2(canvas.height/2 - this.y, canvas.width/2 - this.x);
+            } else {
+                this.angle = Math.PI;
+                this.x -= this.speed;
+                return this.x > 0;
+            }
+        } else {
+            // 타겟 없으면 새로 선택
+            if (!this.target) this.target = this.selectTarget();
+            
+            if (this.target) {
+                if (!enemies.includes(this.target) || 
+                    Math.hypot(this.x - this.target.x, this.y - this.target.y) < 30) {
+                    this.target = this.selectTarget();
+                }
+                
+                if (this.target) {
+                    this.angle = Math.atan2(this.target.y - this.y, this.target.x - this.x);
+                }
+            }
+        }
+
+        // 이동
+        if (!this.isReturning || Math.hypot(this.x - canvas.width/2, this.y - canvas.height/2) > 10) {
+            this.x += Math.cos(this.angle) * this.speed;
+            this.y += Math.sin(this.angle) * this.speed;
+        }
+
+        // 발사
+        if (Date.now() - this.lastShot > 200 && this.target && !this.isReturning) {
+            this.shoot();
+            this.lastShot = Date.now();
+        }
+
+        return true;
+    }
+}
+      
         class Enemy {
                       constructor(isBoss = false) {
               this.x = Math.random() * canvas.width;
@@ -406,6 +519,15 @@ function buyTank(tankImg, cost, tankId) {
         document.getElementById('bf109').style.display = 'none';
         document.getElementById('shop').style.display = 'none';
     }
+}
+      function buyJU87() {
+    if (gold >= 1500 && !hasJU87) {
+        gold -= 1500;
+        hasJU87 = true;
+        document.getElementById('ju87').style.display = 'none';
+        document.getElementById('shop').style.display = 'none';
+        lastJU87Spawn = Date.now(); // 구매 즉시 스폰 타이머 초기화
+    }
 }
            function initRound() {
         enemies = [];
@@ -501,7 +623,14 @@ function buyTank(tankImg, cost, tankId) {
         // 지원 유닛 업데이트 및 화면 밖 유닛 제거
         supportUnits = supportUnits.filter(unit => unit.update());
     }
-
+     // JU87 관련 코드 추가
+      if (hasJU87 && !isCountingDown) {
+          const now = Date.now();
+          if (now - lastJU87Spawn > 15000) { // 15초마다
+              supportUnits.push(new JU87());
+              lastJU87Spawn = now;
+          }
+      }
     enemies.forEach(enemy => enemy.update());
             if(!isCountingDown) {
                 bullets = bullets.filter(bullet => {
@@ -689,6 +818,7 @@ restartBtn.addEventListener('click', () => {
     gold = 0;
     hasAPCR = false;  // APCR 초기화
     hasBF109 = false; // BF109 초기화
+    hasJU87 = false;
     supportUnits = []; // 지원 유닛 배열 초기화
     
     restartBtn.style.display = 'none';