Update game.js

game.js

@@ -234,20 +234,30 @@ class Fighter {
     }
 
     updateMouseInput(deltaX, deltaY) {
-        const sensitivity = GAME_CONSTANTS.MOUSE_SENSITIVITY * 1.0; // 감도 50% 감소 (2.0 -> 1.0)
-        
-        // 마우스 X축: 순수 롤(날개 기울이기)만 조정
-        this.targetRoll += deltaX * sensitivity;
+        const sensitivity = GAME_CONSTANTS.MOUSE_SENSITIVITY * 1.0;
         
         // 마우스 Y축: 피치(기수 상하)
         this.targetPitch -= deltaY * sensitivity;
         
+        // 마우스 X축: 요(Yaw) - 몸체를 좌우로 회전
+        this.targetYaw += deltaX * sensitivity * 0.8; // 요 회전 감도 조정
+        
+        // 요 회전에 따른 자동 롤 (뱅크 턴)
+        // 좌우로 회전할 때 자연스럽게 날개가 기울어짐
+        const yawRate = deltaX * sensitivity * 0.8;
+        this.targetRoll = -yawRate * 15; // 요 회전량에 비례하여 롤 발생
+        
         // 각도 제한
         const maxPitchAngle = Math.PI / 3; // 60도
-        const maxRollAngle = Math.PI * 0.75; // 135도로 제한
+        const maxRollAngle = Math.PI * 0.5; // 90도로 제한 (자동 롤)
         
         this.targetPitch = Math.max(-maxPitchAngle, Math.min(maxPitchAngle, this.targetPitch));
-        this.targetRoll = Math.max(-maxRollAngle, Math.min(maxRollAngle, this.targetRoll));
+        
+        // 자동 롤은 제한된 범위 내에서만 작동
+        if (Math.abs(this.targetRoll) < maxRollAngle) {
+            // 롤 각도 제한 적용
+            this.targetRoll = Math.max(-maxRollAngle, Math.min(maxRollAngle, this.targetRoll));
+        }
     }
 
     updateControls(keys, deltaTime) {
@@ -259,12 +269,12 @@ class Fighter {
             this.throttle = Math.max(0.1, this.throttle - deltaTime * 0.5); // 천천히 감속
         }
         
-        // A/D: 러더 제어 (요 회전)
+        // A/D: 보조 요 제어 (러더) - 선택적 사용
         if (keys.a) {
-            this.targetYaw -= deltaTime * 0.8;
+            this.targetYaw -= deltaTime * 0.4; // 감소된 러더 효과
         }
         if (keys.d) {
-            this.targetYaw += deltaTime * 0.8;
+            this.targetYaw += deltaTime * 0.4; // 감소된 러더 효과
         }
     }
 
@@ -272,22 +282,27 @@ class Fighter {
         if (!this.mesh) return;
         
         // 부드러운 회전 보간
-        const rotationSpeed = deltaTime * 2.0; // 회전 속도도 감소 (3.0 -> 2.0)
+        const rotationSpeed = deltaTime * 2.0;
         this.rotation.x = THREE.MathUtils.lerp(this.rotation.x, this.targetPitch, rotationSpeed);
-        this.rotation.z = THREE.MathUtils.lerp(this.rotation.z, this.targetRoll, rotationSpeed);
+        this.rotation.y = THREE.MathUtils.lerp(this.rotation.y, this.targetYaw, rotationSpeed);
         
-        // 현실적인 비행 물리: 롤에 따른 자연스러운 선회
+        // 롤 자동 복귀 시스템
+        if (Math.abs(this.targetYaw - this.rotation.y) < 0.05) {
+            // 요 회전이 거의 없을 때 롤을 0으로 복귀
+            this.targetRoll *= 0.95;
+        }
+        
+        this.rotation.z = THREE.MathUtils.lerp(this.rotation.z, this.targetRoll, rotationSpeed * 1.5); // 롤은 더 빠르게 반응
+        
+        // 워썬더 스타일: 요 회전이 주도적, 롤은 보조적
+        // 롤에 따른 추가 요 회전은 제거하거나 최소화
         let bankTurnRate = 0;
-        if (Math.abs(this.rotation.z) > 0.1) {
+        if (Math.abs(this.rotation.z) > 0.3) { // 롤이 충분히 클 때만
             const bankAngle = this.rotation.z;
-            // 날개가 기울어질 때만 선회 (현실적인 비행)
-            bankTurnRate = Math.sin(bankAngle) * deltaTime * 0.3; // 선회율 추가 감소 (0.5 -> 0.3)
+            bankTurnRate = Math.sin(bankAngle) * deltaTime * 0.1; // 매우 작은 선회율
             this.targetYaw += bankTurnRate;
         }
         
-        // 요 회전 적용
-        this.rotation.y = THREE.MathUtils.lerp(this.rotation.y, this.targetYaw, rotationSpeed);
-        
         // 현실적인 속도 계산
         const minSpeed = 0; // 최소 속도 0kt
         const maxSpeed = 600; // 최대 속도 600kt