Update game.js

game.js

@@ -102,14 +102,14 @@ class TankPlayer {
         return bullet;
     }
 
-   update(mouseX, mouseY, scene) {
+   // TankPlayer 클래스 내부
+update(mouseX, mouseY, scene) {
     if (!this.body || !this.turretGroup) return;
 
-    // 포탑 회전 - 마우스 위치에 따라 회전
-    const screenCenter = new THREE.Vector2(0, 0);
-    const mousePosition = new THREE.Vector2(mouseX, mouseY);
-    const angle = Math.atan2(mousePosition.x - screenCenter.x, mousePosition.y - screenCenter.y);
+    // 마우스 방향으로 포탑 회전
+    const angle = Math.atan2(mouseX, mouseY);
     this.turretGroup.rotation.y = angle;
+    this.turretRotation = angle; // 현재 포탑 회전 각도 저장
 
     // 플레이어 총알 업데이트
     for (let i = this.bullets.length - 1; i >= 0; i--) {
@@ -540,23 +540,29 @@ async addDesertDecorations() {
         this.tank.move(direction);
     }
 
-    // 카메라 위치 업데이트 - 항상 탱크 뒤에서 바라보도록 설정
+    // 탱크와 포탑의 현재 위치/회전 가져오기
     const tankPos = this.tank.getPosition();
-    const tankRotation = this.tank.body.rotation.y;
+    const turretRotation = this.tank.turretRotation;
+
+    // 카메라 위치 계산
     const cameraDistance = 30;
     const cameraHeight = 15;
+    
+    // 포탑 회전을 기준으로 카메라 위치 계산 (포탑의 반대편)
+    const cameraX = tankPos.x - Math.sin(turretRotation + Math.PI) * cameraDistance;
+    const cameraZ = tankPos.z - Math.cos(turretRotation + Math.PI) * cameraDistance;
 
-    // 탱크의 뒤쪽 위치에 카메라 배치
+    // 카메라 위치 설정
     this.camera.position.set(
-        tankPos.x - Math.sin(tankRotation) * cameraDistance,
+        cameraX,
         tankPos.y + cameraHeight,
-        tankPos.z - Math.cos(tankRotation) * cameraDistance
+        cameraZ
     );
 
-    // 카메라가 항상 탱크를 바라보도록 설정
+    // 카메라가 탱크를 바라보도록 설정
     this.camera.lookAt(new THREE.Vector3(
         tankPos.x,
-        tankPos.y,
+        tankPos.y + 2, // 약간 위로 올려서 포탑을 더 잘 보이게 함
         tankPos.z
     ));
 }