Update game.js

game.js

@@ -42,6 +42,12 @@ class TankPlayer {
         this.scene = new THREE.Scene();
         this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
         this.renderer = new THREE.WebGLRenderer({ antialias: true });
+        this.cameraShake = {
+            active: false,
+            intensity: 0,
+            duration: 0,
+            time: 0,
+            originalPosition: null
     }
      // 별도의 메서드로 분리
     createExplosionEffect(scene, position) {
@@ -308,28 +314,36 @@ class TankPlayer {
     return bullet;
 }
   applyCameraShake() {
-    if (!window.gameInstance || !window.gameInstance.camera) return;
-
+    if (!this.cameraShake || !this.cameraShake.active) 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();
+    if (!camera) return;
+    
+    // 원본 위치 저장
+    if (!this.cameraShake.originalPosition) {
+        this.cameraShake.originalPosition = camera.position.clone();
+    }
+    
+    // 시간 업데이트
+    this.cameraShake.time += 16; // 약 60fps 기준
+    
+    // 감쇠 계수 계산 (시간이 지날수록 흔들림이 줄어듦)
+    const damping = 1 - (this.cameraShake.time / this.cameraShake.duration);
+    
+    if (this.cameraShake.time < this.cameraShake.duration) {
+        // 랜덤한 오프셋 적용
+        camera.position.x = this.cameraShake.originalPosition.x + 
+            (Math.random() - 0.5) * this.cameraShake.intensity * damping;
+        camera.position.y = this.cameraShake.originalPosition.y + 
+            (Math.random() - 0.5) * this.cameraShake.intensity * damping;
+        camera.position.z = this.cameraShake.originalPosition.z + 
+            (Math.random() - 0.5) * this.cameraShake.intensity * damping;
+    } else {
+        // 효과 종료
+        camera.position.copy(this.cameraShake.originalPosition);
+        this.cameraShake.active = false;
+        this.cameraShake.originalPosition = null;
+    }
 }
 
 startReload() {
@@ -2647,7 +2661,11 @@ updateCrosshair() {
        if (!this.isLoading) {
            this.handleMovement();
            this.tank.update(this.mouse.x, this.mouse.y, this.scene);
-           
+
+           // 카메라 흔들림 효과 업데이트
+        if (this.tank.cameraShake && this.tank.cameraShake.active) {
+            this.tank.applyCameraShake();
+        }
            const tankPosition = this.tank.getPosition();
            this.enemies.forEach(enemy => {
                enemy.update(tankPosition);