Update game.js

game.js

@@ -106,21 +106,18 @@ class TankPlayer {
 update(mouseX, mouseY, scene) {
     if (!this.body || !this.turretGroup) return;
 
-    // 마우스 이동에 따른 포탑 회전
-    // 차체의 회전을 고려하여 상대적인 포탑 회전 계산
-    let targetAngle = Math.atan2(mouseX, mouseY);
-    if (targetAngle < 0) targetAngle += Math.PI * 2;
-
-    // 차체의 현재 회전값을 고려하여 포탑의 상대 회전 계산
-    let relativeAngle = targetAngle - this.body.rotation.y;
+    // 포탑의 현재 회전각도
+    const currentRotation = this.turretGroup.rotation.y;
     
-    // 각도를 -π에서 π 사이로 정규화
-    while (relativeAngle > Math.PI) relativeAngle -= Math.PI * 2;
-    while (relativeAngle < -Math.PI) relativeAngle += Math.PI * 2;
-
-    // 포탑 회전 제한 없음 (360도 회전 가능)
-    this.turretGroup.rotation.y = relativeAngle;
-    this.turretRotation = targetAngle;  // 전체 회전각 저장
+    // 목표 회전각도 (차체 회전 고려)
+    const targetRotation = mouseX;
+    
+    // 부드러운 회전을 위한 보간
+    const rotationSpeed = 0.1;
+    const newRotation = currentRotation + (targetRotation - currentRotation) * rotationSpeed;
+    
+    this.turretGroup.rotation.y = newRotation;
+    this.turretRotation = newRotation + this.body.rotation.y; // 전체 회전각 저장
 
     // 플레이어 총알 업데이트
     for (let i = this.bullets.length - 1; i >= 0; i--) {
@@ -493,17 +490,16 @@ async addDesertDecorations() {
             }
         });
 
-        document.addEventListener('mousemove', (event) => {
+        ddocument.addEventListener('mousemove', (event) => {
     if (this.isLoading || this.isGameOver || !document.pointerLockElement) return;
 
-    // 마우스 움직임을 화면 중앙 기준으로 정규화
     const movementX = event.movementX || event.mozMovementX || event.webkitMovementX || 0;
-    const movementY = event.movementY || event.mozMovementY || event.webkitMovementY || 0;
-    
-    this.mouse.x += movementX * 0.002;
-    this.mouse.y += movementY * 0.002;
+    this.mouse.x += movementX * 0.002; // 누적 회전량으로 변경
+    this.mouse.y = 0; // Y축은 사용하지 않음
 
-    // 마우스 이동
+    // 각도 정규화 (-π ~ π)
+    while (this.mouse.x > Math.PI) this.mouse.x -= Math.PI * 2;
+    while (this.mouse.x < -Math.PI) this.mouse.x += Math.PI * 2;
 });
 
 
@@ -555,14 +551,25 @@ async addDesertDecorations() {
     const cameraDistance = 30;
     const cameraHeight = 15;
     
-    // 포탑 전체 회전각 사용 (차체 회전 + 포탑 상대 회전)
-    const totalRotation = this.tank.body.rotation.y + this.tank.turretGroup.rotation.y;
-    const cameraAngle = totalRotation + Math.PI;
+    // 포탑의 회전각 사용
+    const targetAngle = this.tank.turretRotation;
+    
+    // 현재 카메라 각도와 목표 각도 사이의 부드러운 전환
+    const currentCameraAngle = Math.atan2(
+        this.camera.position.x - tankPos.x,
+        this.camera.position.z - tankPos.z
+    );
+    
+    let angleDiff = targetAngle + Math.PI - currentCameraAngle;
+    while (angleDiff > Math.PI) angleDiff -= Math.PI * 2;
+    while (angleDiff < -Math.PI) angleDiff += Math.PI * 2;
+    
+    const smoothing = 0.1;
+    const newCameraAngle = currentCameraAngle + angleDiff * smoothing;
     
-    const cameraX = tankPos.x + Math.sin(cameraAngle) * cameraDistance;
-    const cameraZ = tankPos.z + Math.cos(cameraAngle) * cameraDistance;
+    const cameraX = tankPos.x + Math.sin(newCameraAngle) * cameraDistance;
+    const cameraZ = tankPos.z + Math.cos(newCameraAngle) * cameraDistance;
 
-    // 카메라 위치 및 시점 설정
     this.camera.position.set(
         cameraX,
         tankPos.y + cameraHeight,