Update index.html

index.html

@@ -246,6 +246,18 @@
             z-index: 1000;
             font-size: 18px;
         }
+        /* 새로 추가: 돈(골드) 표시용 */
+        #moneyBoard {
+            position: fixed;
+            top: 50px;
+            left: 10px;
+            color: white;
+            background: rgba(0,0,0,0.7);
+            padding: 10px;
+            border-radius: 5px;
+            z-index: 1000;
+            font-size: 18px;
+        }
         #leaderboard {
             position: fixed;
             top: 0;
@@ -365,6 +377,9 @@
     </div>
     <div id="weaponInfo">Current Weapon: Cannon</div>
     <div id="scoreBoard">Score: 0</div>
+    <!-- 새로 추가: 돈(골드) 표시용 DIV -->
+    <div id="moneyBoard">Money: 0</div>
+
     <div id="countdown">3</div>
     <button id="nextRound" class="button">Next Round</button>
     <button id="restart" class="button">Restart Game</button>
@@ -401,7 +416,8 @@
         </div>
         <div class="button-container">
             <button id="leaderboardButton">Leaderboard</button>
-            <button id="installPwaButton" style="display: none;">Install App</button>
+            <!-- style="display: none;" 제거하여 항상 기본적으로 표시 -->
+            <button id="installPwaButton">Install App</button>
         </div>
         <a href="https://discord.gg/openfreeai" target="_blank" class="discord-link">Join our Discord community: discord.gg/openfreeai</a>
     </div>
@@ -531,6 +547,7 @@
         const canvas = document.getElementById('gameCanvas');
         const ctx = canvas.getContext('2d');
         const scoreBoardElement = document.getElementById('scoreBoard');
+        const moneyBoardElement = document.getElementById('moneyBoard');  // 새로 추가
         
         canvas.width = window.innerWidth;
         canvas.height = window.innerHeight;
@@ -544,7 +561,7 @@
         let bullets = [];
         let items = [];
         let lastShot = 0;
-        let isCountingDown = true;
+        let isCountingDown = false;
         let countdownTime = 3;
         let autoFire = false;
         let gold = 0;
@@ -636,6 +653,7 @@
             document.getElementById('weaponInfo').style.display = 'block';
             document.getElementById('gameCanvas').style.display = 'block';
             document.getElementById('scoreBoard').style.display = 'block';
+            document.getElementById('moneyBoard').style.display = 'block';
             
             // 기존 BGM 정지
             bgm.pause();
@@ -663,6 +681,7 @@
             gameOver = false;
             gold = 0;
             score = 0;
+            totalScore = 0; // 점수 누적도 초기화
             updateScoreDisplay();
             hasAPCR = false;
             hasBF109 = false;
@@ -687,7 +706,7 @@
         function startCountdown() {
             isCountingDown = true;
             countdownTime = 3;
-            countdownEl = document.getElementById('countdown');
+            let countdownEl = document.getElementById('countdown'); // let으로 선언 수정
             countdownEl.style.display = 'block';
             countdownEl.textContent = countdownTime;
             bgm.pause();
@@ -745,11 +764,10 @@
             // 적 생성
             enemies = [];
             if (currentStage === 3) {
-                // 배경 이미지 변경
                 if (currentRound >= 11) {
                     backgroundImg.src = 'city3a.png';
-                    // 11라운드 이후 일반 BGM으로 복귀
-                    if (!isBossStage) {  // 보스전이 아닐 때만
+                    // 11라운드 이후 보스 아닌 경우 일반 BGM으로 복귀
+                    if (!isBossStage) {
                         bgm.pause();
                         bgm = new Audio('BGM4.ogg');
                         bgm.volume = 0.7;
@@ -758,40 +776,30 @@
                     }
                 }
                 
-                // 보스 라운드 체크
                 if (currentRound === 10 || currentRound === 20) {
-                    enemies = [new Enemy(true, false)];
-                    // 보스 BGM 설정
+                    enemies = [new Enemy(true, false)]; // 보스 유닛
+                    // 보스 BGM
                     bgm.pause();
                     bgm = new Audio('BGM.ogg');
                     bgm.volume = 0.7;
                     bgm.loop = true;
                     bgm.play();
                 } else {
-                    // 11라운드 이후에는 적의 수가 10으로 고정
                     const enemyCount = Math.min(currentRound, 10);
-                    // 일반 적 생성
                     for (let i = 0; i < enemyCount; i++) {
                         enemies.push(new Enemy(false, false));
                     }
-                    
-                    // 정예 적 생성 (2라운드마다 1개씩 증가)
                     const eliteCount = Math.floor((currentRound + 1) / 2);
                     for (let i = 0; i < eliteCount; i++) {
                         enemies.push(new Enemy(false, true));
                     }
                 }
 
-                // 판터 유닛 추가 로직
+                // 판터(PanzerV) 지원 유닛
                 let currentPanzers = allyUnits.length;
                 let addPanzers = 2;
-                
-                if (currentRound === 1) {
-                    addPanzers = 1;
-                }
-                
+                if (currentRound === 1) addPanzers = 1;
                 let newPanzers = Math.min(5 - currentPanzers, addPanzers);
-                
                 for (let i = 0; i < newPanzers; i++) {
                     allyUnits.push(new PanzerV());
                 }
@@ -801,14 +809,12 @@
                 for(let i = 0; i < enemyCount; i++) {
                     let x, y;
                     const edge = Math.floor(Math.random() * 4);
-                    
                     switch(edge) {
                         case 0: x = Math.random() * canvas.width; y = 0; break;
                         case 1: x = canvas.width; y = Math.random() * canvas.height; break;
                         case 2: x = Math.random() * canvas.width; y = canvas.height; break;
                         case 3: x = 0; y = Math.random() * canvas.height; break;
                     }
-                    
                     const enemy = new Enemy();
                     enemy.x = x;
                     enemy.y = y;
@@ -819,14 +825,12 @@
                 for(let i = 0; i < enemyCount; i++) {
                     let x, y;
                     const edge = Math.floor(Math.random() * 4);
-                    
                     switch(edge) {
                         case 0: x = Math.random() * canvas.width; y = 0; break;
                         case 1: x = canvas.width; y = Math.random() * canvas.height; break;
                         case 2: x = Math.random() * canvas.width; y = canvas.height; break;
                         case 3: x = 0; y = Math.random() * canvas.height; break;
                     }
-                    
                     const enemy = new Enemy();
                     enemy.x = x;
                     enemy.y = y;
@@ -834,7 +838,6 @@
                 }
             }
 
-            // 게임 상태 초기화
             player.health = player.maxHealth;
             bullets = [];
             items = [];
@@ -844,14 +847,12 @@
             lastSpitfireSpawn = Date.now();
             lastSupportSpawn = 0;
 
-            // 2스테이지에서 3호전차 지원 유닛 추가
+            // 2스테이지에서 3호전차 지원 유닛 추가 (예시)
             if (currentStage === 2 && allyUnits.length < 2) {
                 allyUnits.push(new PanzerIII());
             }
 
             console.log(`Round ${currentRound} initialized with ${enemies.length} enemies`);
-            
-            // 카운트다운 시작
             startCountdown();
 
             // JU87 스폰 설정
@@ -867,14 +868,11 @@
             if(enemies.length === 0) {
                 console.log(`Checking round clear: Current round ${currentRound}, Boss stage: ${isBossStage}`);
                 
-                // 하나의 랜덤한 음성만 재생
                 if (!isBossStage) {
-                    // 이전 음성이 있다면 정지
                     if (currentVoice) {
                         currentVoice.pause();
                         currentVoice.currentTime = 0;
                     }
-                    
                     const voiceFiles = ['voice1.ogg', 'voice2.ogg', 'voice3.ogg', 'voice4.ogg', 'voice5.ogg', 'voice6.ogg', 'voice7.ogg', 'voice8.ogg', 'voice9.ogg', 'voice10.ogg'];
                     const randomIndex = Math.floor(Math.random() * voiceFiles.length);
                     currentVoice = new Audio(voiceFiles[randomIndex]);
@@ -882,7 +880,7 @@
                     currentVoice.play();
                 }
                 
-                // 라운드 클리어 점수 추가
+                // 라운드 클리어 점수
                 const roundClearScore = currentRound * 100;
                 score += roundClearScore;
                 totalScore += roundClearScore;
@@ -890,16 +888,12 @@
                 
                 if (currentStage === 3) {
                     if (currentRound === 10) {
-                        // 10라운드 보스 클리어 후 다음 라운드로
                         document.getElementById('nextRound').style.display = 'block';
-                        showShop();  // 상점창도 함께 표시
+                        showShop();
                     } else if (currentRound === 20) {
-                        // 20라운드 보스 클리어 후 게임 승리
                         document.getElementById('winMessage').style.display = 'block';
                         document.getElementById('restart').style.display = 'block';
                         gameOver = true;
-                        
-                        // 모든 오디오 정지
                         bgm.pause();
                         bgm.currentTime = 0;
                         cannonSound.pause();
@@ -911,32 +905,26 @@
                         hitSounds.forEach(sound => { sound.pause(); sound.currentTime = 0; });
                         reloadSounds.forEach(sound => { sound.pause(); sound.currentTime = 0; });
                         
-                        // 승리 사운드 재생
                         const victorySound = new Audio('victory.ogg');
                         victorySound.volume = 1.0;
                         victorySound.play();
                         
-                        // 점수 제출 창 표시
                         showScoreSubmission();
                     } else if (currentRound < 20) {
-                        // 일반 라운드 클리어
                         document.getElementById('nextRound').style.display = 'block';
                         showShop();
                     }
                 } else if (!isBossStage) {
                     if(currentRound < 10) {
-                        console.log('Normal round clear - showing next round button and shop');
                         document.getElementById('nextRound').style.display = 'block';
                         document.getElementById('bossButton').style.display = 'none';
                         showShop();
                     } else {
-                        console.log('Final round clear - showing boss button');
                         document.getElementById('nextRound').style.display = 'none';
                         document.getElementById('bossButton').style.display = 'block';
                         document.getElementById('shop').style.display = 'none';
                     }
                 } else {
-                    console.log('Boss clear - showing victory message');
                     gameOver = true;
                     document.getElementById('winMessage').style.display = 'block';
                     document.getElementById('bossButton').style.display = 'none';
@@ -947,7 +935,6 @@
                     const victorySound = new Audio('victory.ogg');
                     victorySound.play();
                     
-                    // 점수 제출 창 표시
                     showScoreSubmission();
                 }
             }
@@ -959,8 +946,8 @@
 
         function updateScoreDisplay() {
             scoreBoardElement.textContent = `Score: ${score}`;
-            
-            // 하이스코어 업데이트
+            moneyBoardElement.textContent = `Money: ${gold}`;
+
             if (totalScore > highScore) {
                 highScore = totalScore;
                 localStorage.setItem('tankGameHighScore', highScore);
@@ -992,34 +979,28 @@
                 this.isReturning = false;
                 this.circleAngle = 0;
                 this.returningToCenter = false;
-                this.ignoreCollisions = false; // 충돌 무시 상태 (타겟팅만 영향)
+                this.ignoreCollisions = false;
             }
 
             selectTarget() {
                 if (enemies.length === 0) return null;
-                
-                // 중앙으로 이동 중일 때는 타겟팅 하지 않음
                 if (this.returningToCenter || this.ignoreCollisions) return null;
-                
                 let nearestEnemy = null;
                 let minDist = Infinity;
                 
                 enemies.forEach(enemy => {
                     if (enemy instanceof Spitfire) return;
-                    
                     const dist = Math.hypot(enemy.x - this.x, enemy.y - this.y);
                     if (dist < minDist) {
                         minDist = dist;
                         nearestEnemy = enemy;
                     }
                 });
-                
                 return nearestEnemy;
             }
 
             checkCollision() {
                 if (!this.target || this.ignoreCollisions) return false;
-                
                 const dist = Math.hypot(this.target.x - this.x, this.target.y - this.y);
                 return dist < (this.width + this.target.width) / 2;
             }
@@ -1031,37 +1012,29 @@
                 const dist = Math.hypot(centerX - this.x, centerY - this.y);
                 
                 if (dist > 10) {
-                    // 중앙으로 이동하는 동안 더 빠른 속도로 이동
                     const moveSpeed = this.speed * 1.5;
                     this.x += Math.cos(this.angle) * moveSpeed;
                     this.y += Math.sin(this.angle) * moveSpeed;
                     return false;
                 }
-                
-                // 중앙 도달 시 충돌 무시 상태 해제
                 this.ignoreCollisions = false;
                 this.returningToCenter = false;
                 return true;
             }
 
             shoot() {
-                // 중앙으로 이동 중일 때는 발사하지 않음
                 if (this.returningToCenter || this.ignoreCollisions) return;
-
                 if (!this.hasPlayedMGSound && !isCountingDown) {
                     const mgSound = new Audio('ju87mg.ogg');
                     mgSound.volume = 1.0;
                     mgSound.play();
                     this.hasPlayedMGSound = true;
                 }
-
                 [[20, 50], [80, 50]].forEach(([x, y]) => {
                     const offsetX = x - 50;
                     const offsetY = y - 50;
-                    
                     const rotatedX = this.x + (Math.cos(this.angle) * offsetX - Math.sin(this.angle) * offsetY);
                     const rotatedY = this.y + (Math.sin(this.angle) * offsetX + Math.cos(this.angle) * offsetY);
-
                     bullets.push({
                         x: rotatedX,
                         y: rotatedY,
@@ -1081,9 +1054,7 @@
                     sirenSound.play();
                     this.hasPlayedSound = true;
                 }
-
                 const timeSinceSpawn = Date.now() - this.spawnTime;
-                
                 if (timeSinceSpawn > 5000) {
                     if (!this.isReturning) {
                         this.isReturning = true;
@@ -1091,14 +1062,11 @@
                         this.returningToCenter = true;
                     }
                 }
-
-                // 충돌 감지 및 중앙으로 이동 처리
                 if (this.checkCollision()) {
                     this.returningToCenter = true;
-                    this.ignoreCollisions = true; // 충돌 후 타겟팅 무시 상태 활성화
+                    this.ignoreCollisions = true;
                     this.target = null;
                 }
-
                 if (this.isReturning) {
                     if (this.returningToCenter) {
                         if (this.moveToCenter()) {
@@ -1116,23 +1084,18 @@
                             this.moveToCenter();
                         }
                     }
-
                     if (this.target && !this.ignoreCollisions) {
                         this.angle = Math.atan2(this.target.y - this.y, this.target.x - this.x);
                         this.x += Math.cos(this.angle) * this.speed;
                         this.y += Math.sin(this.angle) * this.speed;
-
                         if (Date.now() - this.lastShot > 200) {
                             this.shoot();
                             this.lastShot = Date.now();
                         }
                     }
                 }
-
-                // 화면 경계 체크
                 this.x = Math.max(this.width/2, Math.min(canvas.width - this.width/2, this.x));
                 this.y = Math.max(this.height/2, Math.min(canvas.height - this.height/2, this.y));
-
                 return true;
             }
         }
@@ -1150,13 +1113,10 @@
             }
 
             shoot() {
-                // 카운트다운 중에는 발사하지 않음
                 if (isCountingDown) return;
-                
                 const mgSound = new Audio('firemg.ogg');
                 mgSound.volume = 0.5;
                 mgSound.play();
-
                 bullets.push({
                     x: this.x,
                     y: this.y,
@@ -1170,17 +1130,13 @@
             }
 
             update() {
-                // 카운트다운 중이면 false를 반환하여 스핏파이어 제거
                 if (isCountingDown) return false;
-                
                 this.x -= this.speed;
-                
                 const now = Date.now();
                 if (now - this.lastShot > 200) {
                     this.shoot();
                     this.lastShot = now;
                 }
-                
                 return this.x > 0;
             }
         }
@@ -1189,19 +1145,19 @@
             constructor(y) {
                 this.y = y;
                 this.startTime = Date.now();
-                this.duration = 750; // 0.75초
+                this.duration = 750;
             }
 
             draw(ctx) {
                 ctx.beginPath();
                 ctx.strokeStyle = 'red';
-                ctx.lineWidth = 5; // 선 두께를 5로 증가
-                ctx.setLineDash([10, 20]); // 점선 패턴도 더 크게 조정
+                ctx.lineWidth = 5;
+                ctx.setLineDash([10, 20]);
                 ctx.moveTo(0, this.y);
                 ctx.lineTo(canvas.width, this.y);
                 ctx.stroke();
                 ctx.setLineDash([]);
-                ctx.lineWidth = 1; // 다른 그리기에 영향을 주지 않도록 리셋
+                ctx.lineWidth = 1;
             }
 
             isExpired() {
@@ -1224,15 +1180,13 @@
 
             shoot() {
                 if (isCountingDown || document.getElementById('shop').style.display === 'block') return;
-                
                 const mgSound = new Audio('firemg.ogg');
                 mgSound.volume = 0.5;
                 mgSound.play();
-
                 bullets.push({
                     x: this.x,
                     y: this.y,
-                    angle: Math.PI / 2,  // Shooting downward
+                    angle: Math.PI / 2,
                     speed: 10,
                     isEnemy: true,
                     damage: 100,
@@ -1243,15 +1197,12 @@
 
             update() {
                 if (isCountingDown) return true;
-                
                 this.y += this.speed;
-                
                 const now = Date.now();
                 if (now - this.lastShot > this.fireRate) {
                     this.shoot();
                     this.lastShot = now;
                 }
-                
                 return this.y < canvas.height;
             }
         }
@@ -1294,11 +1245,9 @@
 
             dropBomb() {
                 if (document.getElementById('shop').style.display === 'block') return;
-                
                 const bombSound = new Audio('bomb2.ogg');
                 bombSound.volume = 0.5;
                 bombSound.play();
-                
                 effects.push(new Effect(
                     this.x,
                     this.y,
@@ -1306,14 +1255,11 @@
                     'bomb',
                     0
                 ));
-
                 const blastRadius = 100;
-                
                 const distToPlayer = Math.hypot(this.x - player.x, this.y - player.y);
                 if (distToPlayer < blastRadius) {
                     player.health -= 300;
                 }
-                
                 allyUnits.forEach(ally => {
                     const distToAlly = Math.hypot(this.x - ally.x, this.y - ally.y);
                     if (distToAlly < blastRadius) {
@@ -1324,15 +1270,12 @@
 
             update() {
                 if (isCountingDown) return true;
-                
                 this.x -= this.speed;
-                
                 const now = Date.now();
                 if (now - this.lastBombTime > this.bombInterval) {
                     this.dropBomb();
                     this.lastBombTime = now;
                 }
-                
                 return this.x > 0;
             }
         }
@@ -1363,20 +1306,16 @@
         function spawnSpitfires() {
             if (currentStage === 2 && !isCountingDown && !gameOver && gameStarted) {
                 const now = Date.now();
-                
                 if (now - lastSpitfireSpawn > 15000) {
                     console.log('Spawning Spitfires...');
-                    
                     const positions = [
                         canvas.height * 0.2,
                         canvas.height * 0.5,
                         canvas.height * 0.8
                     ];
-                    
                     positions.forEach(y => {
                         warningLines.push(new WarningLine(y));
                     });
-
                     setTimeout(() => {
                         if (!isCountingDown && !gameOver) {
                             positions.forEach(y => {
@@ -1385,7 +1324,6 @@
                             console.log('Spitfires spawned:', spitfires.length);
                         }
                     }, 2000);
-
                     lastSpitfireSpawn = now;
                 }
             }
@@ -1408,7 +1346,6 @@
 
             update() {
                 this.x += this.speed;
-
                 if (isCountingDown) {
                     if (this.mgSound) {
                         this.mgSound.pause();
@@ -1416,7 +1353,6 @@
                     }
                     this.hasPlayedSound = false;
                 }
-
                 const now = Date.now();
                 if (now - this.lastShot > 200 && !isCountingDown) {
                     this.shoot();
@@ -1432,13 +1368,11 @@
                     firstSound.play();
                     this.hasPlayedSound = true;
                 }
-
                 if (!isCountingDown) {
                     const shootSound = new Audio('bf109mgse.ogg');
                     shootSound.volume = 0.3;
                     shootSound.play();
                 }
-
                 bullets.push({
                     x: this.x + Math.cos(this.angle) * 30,
                     y: this.y + Math.sin(this.angle) * 30,
@@ -1470,7 +1404,6 @@
 
             shoot() {
                 enemyFireSound.cloneNode().play();
-                
                 bullets.push({
                     x: this.x + Math.cos(this.angle) * 30,
                     y: this.y + Math.sin(this.angle) * 30,
@@ -1481,7 +1414,6 @@
                     size: 3,
                     color: 'blue'
                 });
-            
                 effects.push(new Effect(
                     this.x + Math.cos(this.angle) * 30,
                     this.y + Math.sin(this.angle) * 30,
@@ -1494,10 +1426,8 @@
 
             update() {
                 if(isCountingDown || this.isDead) return;
-                
                 let nearestEnemy = null;
                 let minDist = Infinity;
-                
                 enemies.forEach(enemy => {
                     const dist = Math.hypot(enemy.x - this.x, enemy.y - this.y);
                     if(dist < minDist) {
@@ -1513,11 +1443,9 @@
 
                 if(nearestEnemy) {
                     this.angle = Math.atan2(nearestEnemy.y - this.y, nearestEnemy.x - this.x);
-                    
                     if(minDist > 300) {
                         const newX = this.x + Math.cos(this.angle) * this.speed;
                         const newY = this.y + Math.sin(this.angle) * this.speed;
-                        
                         let canMove = true;
                         allyUnits.forEach(ally => {
                             if (ally !== this) {
@@ -1527,20 +1455,17 @@
                                 }
                             }
                         });
-                        
                         if (canMove) {
                             this.x = newX;
                             this.y = newY;
                         }
                     }
-                    
                     const now = Date.now();
                     if(now - this.lastShot > this.shootInterval) {
                         this.shoot();
                         this.lastShot = now;
                     }
                 }
-
                 this.x = Math.max(this.width/2, Math.min(canvas.width - this.width/2, this.x));
                 this.y = Math.max(this.height/2, Math.min(canvas.height - this.height/2, this.y));
             }
@@ -1573,7 +1498,6 @@
 
             shoot() {
                 enemyFireSound.cloneNode().play();
-                
                 bullets.push({
                     x: this.x + Math.cos(this.angle) * 30,
                     y: this.y + Math.sin(this.angle) * 30,
@@ -1584,7 +1508,6 @@
                     size: 3,
                     color: 'blue'
                 });
-
                 effects.push(new Effect(
                     this.x + Math.cos(this.angle) * 30,
                     this.y + Math.sin(this.angle) * 30,
@@ -1597,10 +1520,8 @@
 
             update() {
                 if(isCountingDown || this.isDead) return;
-                
                 let nearestEnemy = null;
                 let minDist = Infinity;
-                
                 enemies.forEach(enemy => {
                     const dist = Math.hypot(enemy.x - this.x, enemy.y - this.y);
                     if(dist < minDist) {
@@ -1608,41 +1529,29 @@
                         nearestEnemy = enemy;
                     }
                 });
-
                 if(this.health <= 0 && !this.isDead) {
                     this.die();
                     return;
                 }
-
                 if(nearestEnemy) {
                     this.angle = Math.atan2(nearestEnemy.y - this.y, nearestEnemy.x - this.x);
-                    
                     if(minDist > 300) {
                         this.x += Math.cos(this.angle) * this.speed;
                         this.y += Math.sin(this.angle) * this.speed;
                     }
-                    
                     const now = Date.now();
                     if(now - this.lastShot > this.shootInterval) {
                         this.shoot();
                         this.lastShot = now;
                     }
                 }
-
                 this.x = Math.max(this.width/2, Math.min(canvas.width - this.width/2, this.x));
                 this.y = Math.max(this.height/2, Math.min(canvas.height - this.height/2, this.y));
             }
 
             die() {
                 this.isDead = true;
-                
-                effects.push(new Effect(
-                    this.x,
-                    this.y,
-                    1000,
-                    'death'
-                ));
-
+                effects.push(new Effect(this.x, this.y, 1000, 'death'));
                 const deathSound = new Audio('death.ogg');
                 deathSound.volume = 1.0;
                 deathSound.play();
@@ -1667,8 +1576,8 @@
                     player.width = 100;
                     player.height = 45;
                 }
-
                 player.health = player.maxHealth;
+                updateScoreDisplay(); // 돈 반영
             }
         }
 
@@ -1678,6 +1587,7 @@
                 hasAPCR = true;
                 document.getElementById('apcr').style.display = 'none';
                 document.getElementById('shop').style.display = 'none';
+                updateScoreDisplay(); // 돈 반영
             }
         }
 
@@ -1687,6 +1597,7 @@
                 hasBF109 = true;
                 document.getElementById('bf109').style.display = 'none';
                 document.getElementById('shop').style.display = 'none';
+                updateScoreDisplay(); // 돈 반영
             }
         }
 
@@ -1697,62 +1608,45 @@
                 document.getElementById('ju87').style.display = 'none';
                 document.getElementById('shop').style.display = 'none';
                 lastJU87Spawn = Date.now();
+                updateScoreDisplay(); // 돈 반영
             }
         }
     
         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();
             }
-
-            // 플레이어 사망 체크
             if(player.health <= 0) {
                 bgm.pause();
                 bgm.currentTime = 0;
-                
                 escapeSound.volume = 1.0;
                 escapeSound.play();
-                
                 setTimeout(() => {
                     deathSound.play();
                 }, 100);
-                
                 gameOver = true;
                 document.getElementById('restart').style.display = 'block';
                 effects.push(new Effect(player.x, player.y, 1000, 'death'));
-                
-                // 점수 제출 창 표시
                 showScoreSubmission();
             }
-
-            // P51 스폰 체크 (3스테이지일 때만)
             if (currentStage === 3 && !isCountingDown && !gameOver && gameStarted) {
                 const now = Date.now();
-                if (now - lastP51Spawn > 15000) { // 15초마다
+                if (now - lastP51Spawn > 15000) {
                     const positions = [
-                        canvas.width * 0.25,  // 왼쪽
-                        canvas.width * 0.5,   // 중앙
-                        canvas.width * 0.75   // 오른쪽
+                        canvas.width * 0.25,
+                        canvas.width * 0.5,
+                        canvas.width * 0.75
                     ];
-                    
-                    // 경고선 생성
                     positions.forEach(x => {
                         p51WarningLines.push(new P51WarningLine(x));
                     });
-
-                    // 2초 후 P51 생성
                     setTimeout(() => {
                         if (!isCountingDown && !gameOver) {
                             positions.forEach(x => {
@@ -1760,27 +1654,17 @@
                             });
                         }
                     }, 2000);
-
                     lastP51Spawn = now;
                 }
-            }
-
-            // B-29 스폰 체크 (3스테이지일 때만)
-            if (currentStage === 3 && !isCountingDown && !gameOver && gameStarted) {
-                const now = Date.now();
-                if (now - lastB29Spawn > 15000) {  // 15초마다
+                if (now - lastB29Spawn > 15000) {
                     const positions = [
-                        canvas.height * 0.2,  // 상단
-                        canvas.height * 0.5,  // 중앙
-                        canvas.height * 0.8   // 하단
+                        canvas.height * 0.2,
+                        canvas.height * 0.5,
+                        canvas.height * 0.8
                     ];
-                    
-                    // 먼저 경고선 생성
                     positions.forEach(y => {
                         b29WarningLines.push(new B29WarningLine(y));
                     });
-
-                    // 2초 후 B-29 생성
                     setTimeout(() => {
                         if (!isCountingDown && !gameOver) {
                             positions.forEach(y => {
@@ -1788,27 +1672,17 @@
                             });
                         }
                     }, 2000);
-
                     lastB29Spawn = now;
                 }
             }
-
-            // P51 업데이트
             p51s = p51s.filter(p51 => p51.update());
-            
-            // P51 경고선 업데이트
             p51WarningLines = p51WarningLines.filter(line => !line.isExpired());
-
-            // B-29 업데이트
             b29s = b29s.filter(b29 => b29.update());
-            
-            // B-29 경고선 업데이트
             b29WarningLines = b29WarningLines.filter(line => !line.isExpired());
-
-            // BF109 관련 코드
+            
             if (hasBF109 && !isCountingDown) {
                 const now = Date.now();
-                if (now - lastSupportSpawn > 10000) { // 10초마다
+                if (now - lastSupportSpawn > 10000) {
                     supportUnits.push(
                         new SupportUnit(canvas.height * 0.2),
                         new SupportUnit(canvas.height * 0.5),
@@ -1817,149 +1691,91 @@
                     lastSupportSpawn = now;
                 }
             }
-
-            // JU87 관련 코드
             if (hasJU87 && !isCountingDown) {
                 const now = Date.now();
-                if (now - lastJU87Spawn > 15000) { // 15초마다
+                if (now - lastJU87Spawn > 15000) {
                     supportUnits.push(new JU87());
                     lastJU87Spawn = now;
                 }
             }
-
-            // 스핏파이어 스폰 및 업데이트
             spawnSpitfires();
             spitfires = spitfires.filter(spitfire => spitfire.update());
-
-            // BF109 데미지 업데이트
-            updateBF109Damage();
-            
-            // 경고선 업데이트
             warningLines = warningLines.filter(line => !line.isExpired());
-
-            // 지원 유닛 업데이트
             supportUnits = supportUnits.filter(unit => unit.update());
-
-            // 아군 유닛 업데이트
             allyUnits.forEach(unit => unit.update());
             allyUnits = allyUnits.filter(unit => unit.health > 0);
-
-            // 적 업데이트
             enemies.forEach(enemy => enemy.update());
 
             if(!isCountingDown) {
-                // 총알 처리
                 bullets = bullets.filter(bullet => {
                     bullet.x += Math.cos(bullet.angle) * bullet.speed;
                     bullet.y += Math.sin(bullet.angle) * bullet.speed;
-                    
                     if(!bullet.isEnemy) {
-                        // 플레이어의 총알이 적에게 명중
                         for(let i = 0; i < enemies.length; i++) {
                             const enemy = enemies[i];
                             const dist = Math.hypot(bullet.x - enemy.x, bullet.y - enemy.y);
                             if(dist < 30) {
-                                // 명중 이펙트 생성
-                                effects.push(new Effect(
-                                    bullet.x,
-                                    bullet.y,
-                                    500,
-                                    'hit'
-                                ));
-                                // HIT! 텍스트 이펙트 추가
-                                textEffects.push(new TextEffect(
-                                    enemy.x,
-                                    enemy.y - 30,
-                                    "HIT!",
-                                    "#00ff00"
-                                ));
-
-                                // 데미지 증가
+                                effects.push(new Effect(bullet.x, bullet.y, 500, 'hit'));
+                                textEffects.push(new TextEffect(enemy.x, enemy.y - 30, "HIT!", "#00ff00"));
                                 let damage = currentWeapon === 'cannon' ? 1000 : 150;
                                 enemy.health -= damage;
-                                
                                 if(enemy.health <= 0) {
                                     spawnHealthItem(enemy.x, enemy.y);
                                     gold += 100;
-                                    score += 200; // 적 파괴 시 점수 추가
+                                    score += 200;
                                     totalScore += 200;
                                     updateScoreDisplay();
                                     effects.push(new Effect(enemy.x, enemy.y, 1000, 'death'));
                                     deathSound.cloneNode().play();
-                                    
                                     if (!currentHitSound || currentHitSound.ended) {
                                         currentHitSound = hitSounds[Math.floor(Math.random() * hitSounds.length)];
                                         currentHitSound.volume = 1.0;
                                         currentHitSound.play();
                                     }
-                                    
                                     enemies.splice(i, 1);
                                 }
-                                
-                                // 총알이 적중하면 즉시 소멸
                                 return false;
                             }
                         }
                     } else {
-                        // 적의 총알 처리
                         if (!document.getElementById('shop').style.display || 
                             document.getElementById('shop').style.display === 'none') {
                             const distToPlayer = Math.hypot(bullet.x - player.x, bullet.y - player.y);
                             if(distToPlayer < 30) {
-                                effects.push(new Effect(
-                                    bullet.x,
-                                    bullet.y,
-                                    500,
-                                    'hit'
-                                ));
-
+                                effects.push(new Effect(bullet.x, bullet.y, 500, 'hit'));
                                 player.health -= bullet.damage || 100;
                                 return false;
                             }
-
                             for(let ally of allyUnits) {
                                 const distToAlly = Math.hypot(bullet.x - ally.x, bullet.y - ally.y);
                                 if(distToAlly < 30) {
-                                    effects.push(new Effect(
-                                        bullet.x,
-                                        bullet.y,
-                                        500,
-                                        'hit'
-                                    ));
-
+                                    effects.push(new Effect(bullet.x, bullet.y, 500, 'hit'));
                                     ally.health -= bullet.damage || 100;
                                     return false;
                                 }
                             }
                         }
                     }
-                    
-                    // 화면 밖으로 나가면 총알 제거
                     return bullet.x >= 0 && bullet.x <= canvas.width && 
                            bullet.y >= 0 && bullet.y <= canvas.height;
                 });
-
-                // 아이템 처리
                 items = items.filter(item => {
                     const dist = Math.hypot(item.x - player.x, item.y - player.y);
                     if(dist < 30) {
                         player.health = Math.min(player.health + 200, player.maxHealth);
-                        score += 50; // 아이템 획득 시 점수 추가
+                        score += 50;
                         totalScore += 50;
                         updateScoreDisplay();
                         return false;
                     }
                     return true;
                 });
-
-                // 아군 전차와 적 전차 충돌 체크
                 allyUnits.forEach(ally => {
                     enemies.forEach(enemy => {
                         const dist = Math.hypot(ally.x - enemy.x, ally.y - enemy.y);
                         if (dist < (ally.width + enemy.width) / 2) {
                             const angle = Math.atan2(ally.y - enemy.y, ally.x - enemy.x);
                             const pushDistance = ((ally.width + enemy.width) / 2 - dist) / 2;
-                            
                             ally.x += Math.cos(angle) * pushDistance;
                             ally.y += Math.sin(angle) * pushDistance;
                             enemy.x -= Math.cos(angle) * pushDistance;
@@ -1967,31 +1783,23 @@
                         }
                     });
                 });
-                
-                // 라운드 클리어 체크
                 checkRoundClear();
             }
         }
 
         function drawGame() {
             ctx.clearRect(0, 0, canvas.width, canvas.height);
-           
-            // 배경 그리기
             const pattern = ctx.createPattern(backgroundImg, 'repeat');
             ctx.fillStyle = pattern;
             ctx.fillRect(0, 0, canvas.width, canvas.height);
-               
-            // 플레이어 그리기
+            
             ctx.save();
             ctx.translate(player.x, player.y);
             ctx.rotate(player.angle);
             ctx.drawImage(playerImg, -player.width/2, -player.height/2, player.width, player.height);
             ctx.restore();
-           
-            // 체력바 그리기
             drawHealthBar(player.x, player.y - 40, player.health, player.maxHealth, 60, 5, 'green');
-           
-            // 적 그리기
+            
             enemies.forEach(enemy => {
                 ctx.save();
                 ctx.translate(enemy.x, enemy.y);
@@ -2002,7 +1810,6 @@
                 drawHealthBar(enemy.x, enemy.y - 40, enemy.health, enemy.maxHealth, 60, 5, 'red');
             });
 
-            // 아군 유닛 그리기 
             allyUnits.forEach(ally => {
                 ctx.save();
                 ctx.translate(ally.x, ally.y);
@@ -2012,16 +1819,10 @@
                 drawHealthBar(ally.x, ally.y - 40, ally.health, ally.maxHealth, 60, 5, 'blue');
             });
 
-            // 경고선 그리기
             warningLines.forEach(line => line.draw(ctx));
-
-            // 스핏파이어 경고선 그리기
             p51WarningLines.forEach(line => line.draw(ctx));
-
-            // B-29 경고선 그리기
             b29WarningLines.forEach(line => line.draw(ctx));
 
-            // P51 그리기
             p51s.forEach(p51 => {
                 ctx.save();
                 ctx.translate(p51.x, p51.y);
@@ -2029,8 +1830,6 @@
                 ctx.drawImage(p51.img, -p51.width/2, -p51.height/2, p51.width, p51.height);
                 ctx.restore();
             });
-
-            // B-29 그리기
             b29s.forEach(b29 => {
                 ctx.save();
                 ctx.translate(b29.x, b29.y);
@@ -2038,8 +1837,6 @@
                 ctx.drawImage(b29.img, -b29.width/2, -b29.height/2, b29.width, b29.height);
                 ctx.restore();
             });
-
-            // 스핏파이어 그리기
             spitfires.forEach(spitfire => {
                 ctx.save();
                 ctx.translate(spitfire.x, spitfire.y);
@@ -2047,8 +1844,6 @@
                 ctx.drawImage(spitfire.img, -spitfire.width/2, -spitfire.height/2, spitfire.width, spitfire.height);
                 ctx.restore();
             });
-
-            // 지원 유닛 그리기
             supportUnits.forEach(unit => {
                 ctx.save();
                 ctx.translate(unit.x, unit.y);
@@ -2056,8 +1851,6 @@
                 ctx.drawImage(unit.img, -unit.width/2, -unit.height/2, unit.width, unit.height);
                 ctx.restore();
             });
-
-            // 총알 그리기
             bullets.forEach(bullet => {
                 if (bullet.isEnemy || !bullet.isAPCR) {
                     ctx.beginPath();
@@ -2074,23 +1867,17 @@
                     ctx.restore();
                 }
             });
-
-            // 아이템 그리기
             items.forEach(item => {
                 ctx.beginPath();
                 ctx.fillStyle = 'green';
                 ctx.arc(item.x, item.y, 10, 0, Math.PI * 2);
                 ctx.fill();
             });
-
-            // 텍스트 이펙트 업데이트 및 그리기
             textEffects = textEffects.filter(effect => !effect.isExpired());
             textEffects.forEach(effect => {
                 effect.update();
                 effect.draw(ctx);
             });
-          
-            // 이펙트 그리기
             effects = effects.filter(effect => !effect.isExpired());
             effects.forEach(effect => {
                 effect.update();
@@ -2099,19 +1886,14 @@
                 if (effect.type === 'fire' || effect.type === 'cannon_fire') {
                     ctx.rotate(effect.angle);
                 }
-                
                 if (effect.type === 'cannon_fire') {
-                    // 캐논 발사 효과는 현재 단계의 크기에 맞춰 그리기
                     const size = effect.currentSize;
                     ctx.drawImage(effect.img, -size.width/2, -size.height/2, size.width, size.height);
                 } else {
-                    // 다른 이펙트들은 기존 방식대로 그리기
                     ctx.drawImage(effect.img, -effect.size/2, -effect.size/2, effect.size, effect.size);
                 }
                 ctx.restore();
             });
-
-            // 카운트다운 오버레이
             if (isCountingDown) {
                 ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
                 ctx.fillRect(0, 0, canvas.width, canvas.height);
@@ -2120,7 +1902,7 @@
 
         function updateBF109Damage() {
             supportUnits = supportUnits.filter(unit => {
-                if (unit instanceof SupportUnit) { // BF109인 경우
+                if (unit instanceof SupportUnit) {
                     let hitCount = 0;
                     bullets = bullets.filter(bullet => {
                         if (bullet.isSpitfireBullet) {
@@ -2132,7 +1914,6 @@
                         }
                         return true;
                     });
-
                     if (hitCount >= 5) {
                         effects.push(new Effect(unit.x, unit.y, 1000, 'death'));
                         deathSound.cloneNode().play();
@@ -2156,7 +1937,6 @@
                 this.x = Math.random() * canvas.width;
                 this.y = Math.random() * canvas.height;
                 this.isElite = isElite;
-                
                 if (currentStage === 3) {
                     if (isBoss) {
                         this.health = 30000;
@@ -2169,7 +1949,7 @@
                         this.health = 3000;
                         this.maxHealth = 3000;
                         this.speed = 2;
-                        this.shootInterval = currentRound >= 11 ? 2000 : 3000; // 11라운드 이후 2초로 변경
+                        this.shootInterval = currentRound >= 11 ? 2000 : 3000;
                         this.enemyImg = new Image();
                         this.enemyImg.src = currentRound >= 11 ? 'enemyus2.png' : 'enemyus0.png';
                     } else {
@@ -2241,18 +2021,14 @@
                         this.enemyImg.src = 'enemy.png';
                     }
                 }
-
                 this.lastShot = 0;
                 this.angle = 0;
                 this.width = 100;
                 this.height = 45;
-                
-                // 20라운드 보스일 경우 크기 50% 증가
                 if (isBoss && currentStage === 3 && currentRound === 20) {
-                    this.width = 150;  // 원래 100에서 50% 증가
-                    this.height = 67;  // 원래 45에서 50% 증가
+                    this.width = 150;
+                    this.height = 67;
                 }
-                
                 this.moveTimer = 0;
                 this.moveInterval = Math.random() * 2000 + 1000;
                 this.moveAngle = Math.random() * Math.PI * 2;
@@ -2262,20 +2038,15 @@
             update() {
                 if(isCountingDown) return;
                 const now = Date.now();
-                
                 if (now - this.moveTimer > this.moveInterval) {
                     this.moveAngle = Math.random() * Math.PI * 2;
                     this.moveTimer = now;
                 }
-
                 this.x += Math.cos(this.moveAngle) * this.speed;
                 this.y += Math.sin(this.moveAngle) * this.speed;
-
                 this.x = Math.max(this.width/2, Math.min(canvas.width - this.width/2, this.x));
                 this.y = Math.max(this.height/2, Math.min(canvas.height - this.height/2, this.y));
-
                 this.angle = Math.atan2(player.y - this.y, player.x - this.x);
-
                 if (now - this.lastShot > this.shootInterval && !isCountingDown) {
                     this.shoot();
                     this.lastShot = now;
@@ -2288,24 +2059,19 @@
                         const bossSound = new Audio('fireenemy2.ogg');
                         bossSound.volume = 0.5;
                         bossSound.play();
-
-                        // 보스의 총구 위치 계산 (좌우 양쪽에서 발사)
                         const gunPositions = [
                             { x: this.x + Math.cos(this.angle) * 30, y: this.y + Math.sin(this.angle) * 30 },
                             { x: this.x + Math.cos(this.angle + Math.PI) * 30, y: this.y + Math.sin(this.angle + Math.PI) * 30 }
                         ];
-
-                        // 각 총구에서 발사 효과 생성
                         gunPositions.forEach(pos => {
                             effects.push(new Effect(
                                 pos.x,
                                 pos.y,
-                                750,  // 0.75초 동안 지속
+                                750,
                                 'cannon_fire',
                                 this.angle,
                                 this
                             ));
-
                             bullets.push({
                                 x: pos.x,
                                 y: pos.y,
@@ -2320,16 +2086,14 @@
                         const eliteSound = new Audio('fireenemy3.ogg');
                         eliteSound.volume = 0.5;
                         eliteSound.play();
-                        
                         effects.push(new Effect(
                             this.x + Math.cos(this.angle) * 30,
                             this.y + Math.sin(this.angle) * 30,
-                            750,  // 0.75초 동안 지속
+                            750,
                             'cannon_fire',
                             this.angle,
                             this
                         ));
-                        
                         bullets.push({
                             x: this.x + Math.cos(this.angle) * 30,
                             y: this.y + Math.sin(this.angle) * 30,
@@ -2341,7 +2105,6 @@
                         });
                     } else {
                         enemyFireSound.cloneNode().play();
-                        
                         effects.push(new Effect(
                             this.x + Math.cos(this.angle) * 30,
                             this.y + Math.sin(this.angle) * 30,
@@ -2350,7 +2113,6 @@
                             this.angle,
                             this
                         ));
-                        
                         bullets.push({
                             x: this.x + Math.cos(this.angle) * 30,
                             y: this.y + Math.sin(this.angle) * 30,
@@ -2364,13 +2126,11 @@
                 } else {
                     const sound = this.isBoss ? new Audio('firemn.ogg') : enemyFireSound.cloneNode();
                     sound.play();
-                    
-                    // 보스와 정예 유닛은 cannon_fire 효과를 사용
                     if (this.isBoss || this.isElite) {
                         effects.push(new Effect(
                             this.x + Math.cos(this.angle) * 30,
                             this.y + Math.sin(this.angle) * 30,
-                            750,  // 0.75초 동안 지속
+                            750,
                             'cannon_fire',
                             this.angle,
                             this
@@ -2385,7 +2145,6 @@
                             this
                         ));
                     }
-
                     bullets.push({
                         x: this.x + Math.cos(this.angle) * 30,
                         y: this.y + Math.sin(this.angle) * 30,
@@ -2406,7 +2165,7 @@
             player.health = player.maxHealth;
             bullets = [];
             items = [];
-            allyUnits = []; // 3호전차 초기화
+            allyUnits = [];
             if (currentStage === 2 && allyUnits.length < 2) {
                 allyUnits.push(new PanzerIII());
             }
@@ -2434,24 +2193,18 @@
             const now = Date.now();
             if ((keys[' '] || autoFire) && now - lastShot > weapon.fireRate) {
                 weapon.sound.cloneNode().play();
-
-                // 총구 위치 계산
                 const muzzleX = player.x + Math.cos(player.angle) * (player.width/2);
                 const muzzleY = player.y + Math.sin(player.angle) * (player.width/2);
-                
-                // 무기 타입에 따른 이펙트 생성
                 if (currentWeapon === 'cannon') {
-                    // 캐논 발사 효과 (shot1->shot2->shot3 순서로 변경)
                     effects.push(new Effect(
                         muzzleX,
                         muzzleY,
-                        1500,  // 전체 지���시간 1.5초
-                        'cannon_fire',  // 캐논 발사 전용 타입
+                        1500,
+                        'cannon_fire',
                         player.angle,
                         player
                     ));
                 } else {
-                    // 기관총 발사 효과
                     effects.push(new Effect(
                         player.x + Math.cos(player.angle) * 30,
                         player.y + Math.sin(player.angle) * 30,
@@ -2461,10 +2214,8 @@
                         player
                     ));
                 }
-
-                // 총알 생성
                 bullets.push({
-                    x: muzzleX,  // 총구 위치에서 발사
+                    x: muzzleX,
                     y: muzzleY,
                     angle: player.angle,
                     speed: hasAPCR ? 20 : 10,
@@ -2485,21 +2236,20 @@
                 this.color = color;
                 this.startTime = Date.now();
                 this.duration = duration;
-                this.fadeOut = 0.5; // 페이드아웃 시작 시점 (0.5 = 50% 시점부터)
+                this.fadeOut = 0.5;
                 this.initialY = y;
-                this.speed = -1; // 위로 올라가는 속도
+                this.speed = -1;
             }
 
             update() {
                 const elapsed = (Date.now() - this.startTime) / this.duration;
-                this.y = this.initialY + (this.speed * elapsed * 50); // 위로 올라가는 효과
+                this.y = this.initialY + (this.speed * elapsed * 50);
             }
 
             draw(ctx) {
                 const elapsed = (Date.now() - this.startTime) / this.duration;
                 const opacity = elapsed > this.fadeOut ? 
                     1 - ((elapsed - this.fadeOut) / (1 - this.fadeOut)) : 1;
-                
                 ctx.save();
                 ctx.fillStyle = this.color;
                 ctx.globalAlpha = opacity;
@@ -2525,19 +2275,13 @@
                 this.parent = parent;
                 this.offset = { x: Math.cos(angle) * 30, y: Math.sin(angle) * 30 };
                 this.img = new Image();
-                
-                // 캐논 샷 효과를 위한 추가 속성
                 this.currentShot = 1;
                 this.lastShotChange = Date.now();
-                
-                // 각 샷별 크기 정의 (width, height)
                 this.shotSizes = {
-                    1: { width: 40, height: 40 },  // shot1.png - 작은 화염
-                    2: { width: 60, height: 60 },  // shot2.png - 중간 화염
-                    3: { width: 80, height: 80 }   // shot3.png - 큰 화염
+                    1: { width: 40, height: 40 },
+                    2: { width: 60, height: 60 },
+                    3: { width: 80, height: 80 }
                 };
-                
-                // 이펙트 타입에 따른 이미지 설정
                 if (type === 'death') {
                     this.img.src = 'bang.png';
                 } else if (type === 'bomb') {
@@ -2546,16 +2290,12 @@
                     this.img.src = 'fire3.png';
                 } else if (type === 'cannon_fire') {
                     this.img.src = 'shot1.png';
-                    this.duration = 750;  // 총 0.75초 (0.25초 × 3)
-                    this.currentSize = this.shotSizes[1];  // 초기 크기 설정
+                    this.duration = 750;
+                    this.currentSize = this.shotSizes[1];
                 } else {
                     this.img.src = 'fire2.png';
                 }
-                
-                // 기본 이펙트 크기 설정
-                this.size = type === 'bomb' ? 100 :   
-                           type === 'death' ? 75 : 
-                           type === 'hit' ? 30 : 42;
+                this.size = type === 'bomb' ? 100 : type === 'death' ? 75 : type === 'hit' ? 30 : 42;
             }
 
             update() {
@@ -2564,11 +2304,8 @@
                         this.x = this.parent.x + Math.cos(this.parent.angle) * (this.parent.width/2);
                         this.y = this.parent.y + Math.sin(this.parent.angle) * (this.parent.width/2);
                         this.angle = this.parent.angle;
-                        
                         const now = Date.now();
                         const elapsedTime = now - this.startTime;
-                        
-                        // 0.25초마다 이미지 변경하고, 마지막 shot3은 0.25초만 지속
                         if (elapsedTime < 250) {
                             this.currentShot = 1;
                         } else if (elapsedTime < 500) {
@@ -2576,7 +2313,6 @@
                         } else {
                             this.currentShot = 3;
                         }
-                        
                         this.img.src = `shot${this.currentShot}.png`;
                         this.currentSize = this.shotSizes[this.currentShot];
                     } else if(this.type === 'fire') {
@@ -2627,45 +2363,30 @@
         function fetchLeaderboardData() {
             const leaderboardBody = document.getElementById('leaderboardBody');
             leaderboardBody.innerHTML = '<tr><td colspan="5">Loading...</td></tr>';
-            
-            // 로컬 스토리지에서 리더보드 데이터 불러오기
             let leaderboardData = JSON.parse(localStorage.getItem('tankGameLeaderboard') || '[]');
-            
-            // 데이터 정렬 (점수 내림차순)
             leaderboardData.sort((a, b) => b.score - a.score);
-            
-            // 테이블에 데이터 표시
             leaderboardBody.innerHTML = '';
-            
             if (leaderboardData.length === 0) {
                 leaderboardBody.innerHTML = '<tr><td colspan="5">No scores yet</td></tr>';
                 return;
             }
-            
             leaderboardData.forEach((entry, index) => {
                 const row = document.createElement('tr');
-                
                 const rankCell = document.createElement('td');
                 rankCell.textContent = index + 1;
-                
                 const nameCell = document.createElement('td');
                 nameCell.textContent = entry.name;
-                
                 const stageCell = document.createElement('td');
                 stageCell.textContent = entry.stage;
-                
                 const waveCell = document.createElement('td');
                 waveCell.textContent = entry.wave;
-                
                 const scoreCell = document.createElement('td');
                 scoreCell.textContent = entry.score;
-                
                 row.appendChild(rankCell);
                 row.appendChild(nameCell);
                 row.appendChild(stageCell);
                 row.appendChild(waveCell);
                 row.appendChild(scoreCell);
-                
                 leaderboardBody.appendChild(row);
             });
         }
@@ -2678,19 +2399,13 @@
 
         function submitScore() {
             const playerNameInput = document.getElementById('playerName').value.trim();
-            
             if (!playerNameInput) {
                 alert('Please enter your name');
                 return;
             }
-            
             playerName = playerNameInput;
             localStorage.setItem('tankGamePlayerName', playerName);
-            
-            // 로컬 스토리지에서 리더보드 데이터 불러오기
             let leaderboardData = JSON.parse(localStorage.getItem('tankGameLeaderboard') || '[]');
-            
-            // 새 점수 추가
             leaderboardData.push({
                 name: playerName,
                 stage: currentStage,
@@ -2698,19 +2413,12 @@
                 score: totalScore,
                 date: new Date().toISOString()
             });
-            
-            // 데이터 정렬 및 저장
             leaderboardData.sort((a, b) => b.score - a.score);
             localStorage.setItem('tankGameLeaderboard', JSON.stringify(leaderboardData));
-            
-            // 점수 제출 창 닫기
             document.getElementById('scoreSubmission').style.display = 'none';
-            
-            // 리더보드 표시
             showLeaderboard();
         }
 
-        // iOS Installation instructions
         function isIOS() {
             return [
                 'iPad Simulator',
@@ -2725,37 +2433,27 @@
 
         const iosInstructionsDiv = document.getElementById('iosInstallInstructions');
         const closeInstructionsButton = document.getElementById('closeInstallInstructions');
-
-        // Check if it's iOS AND not running in standalone mode (already installed)
         if (isIOS() && !window.navigator.standalone && iosInstructionsDiv) {
-            // Check if the 'beforeinstallprompt' event is NOT supported by this browser
-            // (This check is a bit indirect, we assume if it doesn't fire quickly, it's not supported)
             let promptSupported = false;
             window.addEventListener('beforeinstallprompt', () => {
                 promptSupported = true;
             });
-
-            // Wait a short time to see if beforeinstallprompt fires
             setTimeout(() => {
-                if (!promptSupported && iosInstructionsDiv.style.display !== 'block') { // Double check it's not already shown
+                if (!promptSupported && iosInstructionsDiv.style.display !== 'block') {
                     console.log("iOS detected, standalone mode is false, and beforeinstallprompt likely not supported. Showing instructions.");
-                    iosInstructionsDiv.classList.add('show-instructions'); // Add class to trigger CSS display rule
-                    // Optional: Add class to body to hide the other install button via CSS
+                    iosInstructionsDiv.classList.add('show-instructions');
                     document.body.classList.add('ios-device');
                 } else {
                     console.log("iOS detected, but PWA might be installed or prompt is supported.");
                 }
-            }, 1500); // Wait 1.5 seconds
+            }, 1500);
         }
-
-        // Add listener for the dismiss button (if it exists)
         if (closeInstructionsButton && iosInstructionsDiv) {
             closeInstructionsButton.addEventListener('click', () => {
-                iosInstructionsDiv.style.display = 'none'; // Directly hide it
+                iosInstructionsDiv.style.display = 'none';
             });
         }
 
-        // Button Event Listeners
         document.getElementById('nextRound').addEventListener('click', () => {
             currentRound++;
             document.getElementById('nextRound').style.display = 'none';
@@ -2794,21 +2492,16 @@
             });
         }
 
-        // Initialize the game when the page loads
         window.addEventListener('load', function() {
-            // Set canvas dimensions
             canvas.width = window.innerWidth;
             canvas.height = window.innerHeight;
-            
-            // Set initial UI visibility
             document.getElementById('instructions').style.display = 'none';
             document.getElementById('weaponInfo').style.display = 'none';
             document.getElementById('scoreBoard').style.display = 'none';
+            document.getElementById('moneyBoard').style.display = 'none';
             document.getElementById('gameCanvas').style.display = 'none';
-            
-            // Play background music
             bgm.play().catch(err => console.error("Error playing title music:", err));
         });
     </script>
 </body>
-</html>
+</html>