Update index.html

index.html

@@ -110,6 +110,13 @@
             <p style="color: #ff6b6b;">-30% Speed</p>
             <button onclick="buyTank('player3.png', 500, 'tank2')">Buy</button>
         </div>
+        <div id="apcr" style="text-align:center;">
+            <h3>APCR</h3>
+            <img src="apcr.png" width="50" height="50">
+            <p>1000 Gold</p>
+            <p style="color: #4CAF50;">+50% Bullet Speed</p>
+            <button onclick="buyAPCR()">Buy</button>
+        </div>
     </div>
 </div>
     <button id="bossButton" class="button">Fight Boss!</button>
@@ -140,6 +147,7 @@
         let gold = 0;
         let isBossStage = false;
         let effects = [];
+        let hasAPCR = false;  // APCR 구매 여부
         // Load assets
         const backgroundImg = new Image();
         backgroundImg.src = 'city.png';
@@ -147,6 +155,8 @@
         playerImg.src = 'player.png';
         const enemyImg = new Image();
         enemyImg.src = 'enemy.png';
+        const bulletImg = new Image();  // APCR 총알 이미지
+        bulletImg.src = 'apcr2.png';
         // Audio setup
         const cannonSound = new Audio('firemn.ogg');
         const machinegunSound = new Audio('firemg.ogg');
@@ -330,6 +340,14 @@ function buyTank(tankImg, cost, tankId) {
 
         player.health = player.maxHealth;
     }
+}
+      function buyAPCR() {
+    if (gold >= 1000 && !hasAPCR) {
+        gold -= 1000;
+        hasAPCR = true;
+        document.getElementById('apcr').style.display = 'none';
+        document.getElementById('shop').style.display = 'none';
+    }
 }
         function initRound() {
             enemies = [];
@@ -367,30 +385,30 @@ function buyTank(tankImg, cost, tankId) {
         });
         
         document.addEventListener('keyup', e => keys[e.key] = false);
-               function fireBullet() {
+                    function fireBullet() {
             if(isCountingDown) return;
             const weapon = weapons[currentWeapon];
             const now = Date.now();
             if ((keys[' '] || autoFire) && now - lastShot > weapon.fireRate) {
                 weapon.sound.cloneNode().play();
-                // 발사 이펙트 추가
-                                 effects.push(new Effect(
-                      player.x + Math.cos(player.angle) * 30,
-                      player.y + Math.sin(player.angle) * 30,
-                      500,
-                      'fire',
-                      player.angle,
-                      player  // player를 부모로 전달
-                  ));
-
+                effects.push(new Effect(
+                    player.x + Math.cos(player.angle) * 30,
+                    player.y + Math.sin(player.angle) * 30,
+                    500,
+                    'fire',
+                    player.angle,
+                    player
+                ));
+        
                 bullets.push({
                     x: player.x + Math.cos(player.angle) * 30,
                     y: player.y + Math.sin(player.angle) * 30,
                     angle: player.angle,
-                    speed: 10,
+                    speed: hasAPCR ? 15 : 10,  // APCR 적용 시 50% 증가
                     isEnemy: false,
                     damage: weapon.damage,
-                    size: weapon.bulletSize
+                    size: weapon.bulletSize,
+                    isAPCR: hasAPCR
                 });
                 lastShot = now;
             }
@@ -513,14 +531,22 @@ function buyTank(tankImg, cost, tankId) {
         drawHealthBar(enemy.x, enemy.y - 40, enemy.health, enemy.maxHealth, 60, 5, 'red');
     });
     
-    // 총알 그리기
-    bullets.forEach(bullet => {
-        ctx.beginPath();
-        ctx.fillStyle = bullet.isEnemy ? 'red' : 'blue';
-        ctx.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2);
-        ctx.fill();
-    });
-    
+         // 총알 그리기
+      bullets.forEach(bullet => {
+          if (bullet.isEnemy || !bullet.isAPCR) {
+              ctx.beginPath();
+              ctx.fillStyle = bullet.isEnemy ? 'red' : 'blue';
+              ctx.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2);
+              ctx.fill();
+          } else {
+              ctx.save();
+              ctx.translate(bullet.x, bullet.y);
+              ctx.rotate(bullet.angle);
+              const size = currentWeapon === 'machinegun' ? 25 : 50;  // 기관총일 때 크기 절반
+              ctx.drawImage(bulletImg, -size/2, -size/2, size, size);
+              ctx.restore();
+          }
+      });
     // 아이템 그리기
     items.forEach(item => {
         ctx.beginPath();
@@ -575,12 +601,14 @@ restartBtn.addEventListener('click', () => {
     gameOver = false;
     isBossStage = false;
     gold = 0;
+    hasAPCR = false;  // APCR 초기화
     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 상점 아이템 다�� 표시
     playerImg.src = 'player.png';
-    bgm.src = 'BGM2.ogg';  // 기본 BGM으로 복귀
+    bgm.src = 'BGM2.ogg';
     bgm.play();
     initRound();
 });