Update game.js

game.js

@@ -303,34 +303,8 @@ class TankPlayer {
             this.startReload();
         }
     }
-    // 카메라 흔들림 효과 추가
-    this.applyCameraShake();
     return bullet;
 }
-  applyCameraShake() {
-    if (!window.gameInstance || !window.gameInstance.camera) return;
-
-    const camera = window.gameInstance.camera;
-    const originalPosition = camera.position.clone();
-    let shakeTime = 0;
-    const shakeIntensity = 0.2; // 발사 시 흔들림 강도
-    const shakeDuration = 300; // 흔들림 지속 시간 (ms)
-
-    const shakeCamera = () => {
-        if (shakeTime < shakeDuration) {
-            camera.position.x = originalPosition.x + (Math.random() - 0.5) * shakeIntensity;
-            camera.position.y = originalPosition.y + (Math.random() - 0.5) * shakeIntensity;
-            camera.position.z = originalPosition.z + (Math.random() - 0.5) * shakeIntensity;
-
-            shakeTime += 16; // 약 60fps 기준
-            requestAnimationFrame(shakeCamera);
-        } else {
-            camera.position.copy(originalPosition);
-        }
-    };
-
-    shakeCamera();
-}
 
 startReload() {
     if (this.isReloading) return; // 이미 재장전 중이면 무시
@@ -595,7 +569,7 @@ startReload() {
     }
     
     updateAmmoDisplay() {
-        document.getElementById('ammoDisplay').textContent = APFSDS: ${this.ammo}/${this.maxAmmo};
+        document.getElementById('ammoDisplay').textContent = `APFSDS: ${this.ammo}/${this.maxAmmo}`;
     }
 }
 
@@ -1775,8 +1749,8 @@ class Game {
                 // 적 도트 생성 및 추가
                 const dot = document.createElement('div');
                 dot.className = 'enemy-dot';
-                dot.style.left = ${dotX}px;
-                dot.style.top = ${dotY}px;
+                dot.style.left = `${dotX}px`;
+                dot.style.top = `${dotY}px`;
                 radar.appendChild(dot);
             }
         });
@@ -2167,11 +2141,11 @@ class Game {
        this.isLoading = false;
        const loadingElement = document.getElementById('loading');
        if (loadingElement) {
-           loadingElement.innerHTML = 
+           loadingElement.innerHTML = `
                <div class="loading-text" style="color: red;">
                    Loading failed. Please refresh the page.
                </div>
-           ;
+           `;
        }
    }
 
@@ -2187,7 +2161,7 @@ class Game {
         }
         
         this.gameTime--;
-        document.getElementById('time').textContent = Time: ${this.gameTime}s;
+        document.getElementById('time').textContent = `Time: ${this.gameTime}s`;
         
         if (this.gameTime <= 0) {
             clearInterval(this.gameTimer);
@@ -2366,7 +2340,7 @@ class Game {
             enemy.bullets.splice(bulletIndex, 1);
             
             document.getElementById('health').style.width = 
-                ${(this.tank.health / MAX_HEALTH) * 100}%;
+                `${(this.tank.health / MAX_HEALTH) * 100}%`;
         }
     });
 });
@@ -2415,7 +2389,7 @@ this.enemies.forEach(enemy => {
             enemy.bullets.splice(bulletIndex, 1);
             
             document.getElementById('health').style.width = 
-                ${(this.tank.health / MAX_HEALTH) * 100}%;
+                `${(this.tank.health / MAX_HEALTH) * 100}%`;
         }
     });
 });
@@ -2448,7 +2422,7 @@ this.enemies.forEach(enemy => {
                 enemy.destroy();
                 this.enemies.splice(j, 1);
                 this.score += 100;
-                document.getElementById('score').textContent = Score: ${this.score};
+                document.getElementById('score').textContent = `Score: ${this.score}`;
             }
             
             this.tank.createExplosionEffect(this.scene, bullet.position);
@@ -2526,7 +2500,7 @@ this.enemies.forEach(enemy => {
     gameOverDiv.style.padding = '20px';
     gameOverDiv.style.borderRadius = '10px';
     gameOverDiv.style.textAlign = 'center';
-    gameOverDiv.innerHTML = 
+    gameOverDiv.innerHTML = `
         ${isVictory ? 'Victory!' : 'Game Over'}<br>
         Score: ${this.score}<br>
         Time Survived: ${GAME_DURATION - this.gameTime}s<br>
@@ -2536,7 +2510,7 @@ this.enemies.forEach(enemy => {
                        color: black; border-radius: 5px;">
             Play Again
         </button>
-    ;
+    `;
     document.body.appendChild(gameOverDiv);
 }
 
@@ -2545,17 +2519,17 @@ this.enemies.forEach(enemy => {
        if (!this.isGameOver) {
            const healthBar = document.getElementById('health');
            if (healthBar) {
-               healthBar.style.width = ${(this.tank.health / MAX_HEALTH) * 100}%;
+               healthBar.style.width = `${(this.tank.health / MAX_HEALTH) * 100}%`;
            }
 
            const timeElement = document.getElementById('time');
            if (timeElement) {
-               timeElement.textContent = Time: ${this.gameTime}s;
+               timeElement.textContent = `Time: ${this.gameTime}s`;
            }
 
            const scoreElement = document.getElementById('score');
            if (scoreElement) {
-               scoreElement.textContent = Score: ${this.score};
+               scoreElement.textContent = `Score: ${this.score}`;
            }
        }
    }
@@ -2613,8 +2587,8 @@ updateCrosshair() {
                 const label = document.createElement('div');
                 label.className = 'enemy-label';
                 label.textContent = 'T-90';
-                label.style.left = ${x}px;
-                label.style.top = ${y}px;
+                label.style.left = `${x}px`;
+                label.style.top = `${y}px`;
                 
                 // 거리에 따른 투명도 조정
                 const opacity = Math.max(0.2, 1 - (distance / this.radarRange));