Update game.js

game.js

@@ -25,293 +25,287 @@ const GAME_CONSTANTS = {
 
 // 전투기 클래스
 class Fighter {
-    constructor() {
-        this.mesh = null;
-        this.isLoaded = false;
-        
-        // 물리 속성
-        this.position = new THREE.Vector3(0, 2000, 0);
-        this.velocity = new THREE.Vector3(0, 0, 350); // 초기 속도 350kt
-        this.acceleration = new THREE.Vector3(0, 0, 0);
-        this.rotation = new THREE.Euler(0, 0, 0);
-        
-        // 비행 제어
-        this.throttle = 0.7; // 초기 스로틀 70%
-        this.speed = 350; // 초기 속도 350kt
-        this.altitude = 2000;
-        this.gForce = 1.0;
-        this.health = GAME_CONSTANTS.MAX_HEALTH; // 체력 1000
-        
-        // 조종 입력 시스템
-        this.pitchInput = 0;
-        this.rollInput = 0;
-        this.yawInput = 0;
-        
-        // 마우스 누적 입력
-        this.mousePitch = 0;
-        this.mouseRoll = 0;
-        
-        // 부드러운 회전을 위한 목표값
-        this.targetPitch = 0;
-        this.targetRoll = 0;
-        this.targetYaw = 0;
-        
-        // 무기
-        this.missiles = GAME_CONSTANTS.MISSILE_COUNT;
-        this.ammo = GAME_CONSTANTS.AMMO_COUNT;
-        this.bullets = [];
-        this.lastShootTime = 0;
-        this.isMouseDown = false; // 마우스 누름 상태 추적
-        this.gunfireAudios = []; // 기관총 소리 배열 (최대 5개)
-        
-        // 스톨 탈출을 위한 F키 상태
-        this.escapeKeyPressed = false;
-        this.stallEscapeProgress = 0; // 스톨 탈출 진행도 (0~2초)
-        
-        // 카메라 설정
-        this.cameraDistance = 250;
-        this.cameraHeight = 30;
-        this.cameraLag = 0.06;
-        
-        // 경고 시스템
-        this.altitudeWarning = false;
-        this.stallWarning = false;
-        this.warningBlinkTimer = 0;
-        this.warningBlinkState = false;
-        
-        // Over-G 시스템
-        this.overG = false;
-        this.maxGForce = 9.0;
-        this.overGTimer = 0; // Over-G 지속 시간
-        
-        // 경고음 시스템
-        this.warningAudios = {
-            altitude: null,
-            pullup: null,
-            overg: null,
-            stall: null,
-            normal: null // 엔진 소리
-        };
-        this.initializeWarningAudios();
-    }
-    
-    // 헤딩을 0~360도로 정규화하는 헬퍼 함수
-    normalizeHeading(radians) {
-        let degrees = radians * (180 / Math.PI);
-        while (degrees < 0) degrees += 360;
-        while (degrees >= 360) degrees -= 360;
-        return degrees;
-    }
-    
-    // 라디안을 -π ~ π 범위로 정규화
-    normalizeAngle(angle) {
-        while (angle > Math.PI) angle -= Math.PI * 2;
-        while (angle < -Math.PI) angle += Math.PI * 2;
-        return angle;
-    }
-    
-    initializeWarningAudios() {
-        try {
-            this.warningAudios.altitude = new Audio('sounds/altitude.ogg');
-            this.warningAudios.altitude.volume = 0.75;
-            
-            this.warningAudios.pullup = new Audio('sounds/pullup.ogg');
-            this.warningAudios.pullup.volume = 0.9;
-            
-            this.warningAudios.overg = new Audio('sounds/overg.ogg');
-            this.warningAudios.overg.volume = 0.75;
-            
-            this.warningAudios.stall = new Audio('sounds/alert.ogg');
-            this.warningAudios.stall.volume = 0.75;
-            
-            // 엔진 소리 설정
-            this.warningAudios.normal = new Audio('sounds/normal.ogg');
-            this.warningAudios.normal.volume = 0.5;
-            this.warningAudios.normal.loop = true; // 엔진 소리는 계속 반복
-            
-            // 경고음에만 ended 이벤트 리스너 추가 (엔진 소리 제외)
-            Object.keys(this.warningAudios).forEach(key => {
-                if (key !== 'normal' && this.warningAudios[key]) {
-                    this.warningAudios[key].addEventListener('ended', () => {
-                        this.updateWarningAudios();
-                    });
-                }
-            });
-        } catch (e) {
-            console.log('Warning audio initialization failed:', e);
-        }
-    }
-    
-    startEngineSound() {
-        // 엔진 소리 시작
-        if (this.warningAudios.normal) {
-            this.warningAudios.normal.play().catch(e => {
-                console.log('Engine sound failed to start:', e);
-            });
-        }
-    }
-    
-    updateWarningAudios() {
-        let currentWarning = null;
-        
-        if (this.altitude < 250) {
-            currentWarning = 'pullup';
-        }
-        else if (this.altitude < 500) {
-            currentWarning = 'altitude';
-        }
-        else if (this.overG) {
-            currentWarning = 'overg';
-        }
-        else if (this.stallWarning) {
-            currentWarning = 'stall';
-        }
-        
-        // 경고음만 관리 (엔진 소리는 제외)
-        Object.keys(this.warningAudios).forEach(key => {
-            if (key !== 'normal' && key !== currentWarning && this.warningAudios[key] && !this.warningAudios[key].paused) {
-                this.warningAudios[key].pause();
-                this.warningAudios[key].currentTime = 0;
-            }
-        });
-        
-        if (currentWarning && this.warningAudios[currentWarning]) {
-            if (this.warningAudios[currentWarning].paused) {
-                this.warningAudios[currentWarning].play().catch(e => {});
-            }
-        }
-    }
-    
-    stopAllWarningAudios() {
-        // 모든 오디오 정지 (엔진 소리 포함)
-        Object.values(this.warningAudios).forEach(audio => {
-            if (audio && !audio.paused) {
-                audio.pause();
-                audio.currentTime = 0;
-            }
-        });
-    }
+   constructor() {
+       this.mesh = null;
+       this.isLoaded = false;
+       
+       // 물리 속성
+       this.position = new THREE.Vector3(0, 2000, 0);
+       this.velocity = new THREE.Vector3(0, 0, 350); // 초기 속도 350kt
+       this.acceleration = new THREE.Vector3(0, 0, 0);
+       this.rotation = new THREE.Euler(0, 0, 0, 'YXZ'); // 항공기 표준 오일러 순서
+       
+       // 비행 제어
+       this.throttle = 0.7; // 초기 스로틀 70%
+       this.speed = 350; // 초기 속도 350kt
+       this.altitude = 2000;
+       this.gForce = 1.0;
+       this.health = GAME_CONSTANTS.MAX_HEALTH; // 체력 1000
+       
+       // 조종 입력 시스템
+       this.pitchInput = 0;
+       this.rollInput = 0;
+       this.yawInput = 0;
+       
+       // 마우스 누적 입력
+       this.mousePitch = 0;
+       this.mouseRoll = 0;
+       
+       // 부드러운 회전을 위한 목표값
+       this.targetPitch = 0;
+       this.targetRoll = 0;
+       this.targetYaw = 0;
+       
+       // 무기
+       this.missiles = GAME_CONSTANTS.MISSILE_COUNT;
+       this.ammo = GAME_CONSTANTS.AMMO_COUNT;
+       this.bullets = [];
+       this.lastShootTime = 0;
+       this.isMouseDown = false; // 마우스 누름 상태 추적
+       this.gunfireAudios = []; // 기관총 소리 배열 (최대 5개)
+       
+       // 스톨 탈출을 위한 F키 상태
+       this.escapeKeyPressed = false;
+       this.stallEscapeProgress = 0; // 스톨 탈출 진행도 (0~2초)
+       
+       // 카메라 설정
+       this.cameraDistance = 250;
+       this.cameraHeight = 30;
+       this.cameraLag = 0.06;
+       
+       // 경고 시스템
+       this.altitudeWarning = false;
+       this.stallWarning = false;
+       this.warningBlinkTimer = 0;
+       this.warningBlinkState = false;
+       
+       // Over-G 시스템
+       this.overG = false;
+       this.maxGForce = 9.0;
+       this.overGTimer = 0; // Over-G 지속 시간
+       
+       // 경고음 시스템
+       this.warningAudios = {
+           altitude: null,
+           pullup: null,
+           overg: null,
+           stall: null,
+           normal: null // 엔진 소리
+       };
+       this.initializeWarningAudios();
+   }
+   
+   // 헤딩을 0~360도로 정규화하는 헬퍼 함수
+   normalizeHeading(radians) {
+       let degrees = radians * (180 / Math.PI);
+       while (degrees < 0) degrees += 360;
+       while (degrees >= 360) degrees -= 360;
+       return degrees;
+   }
+   
+   // 라디안을 -π ~ π 범위로 정규화
+   normalizeAngle(angle) {
+       while (angle > Math.PI) angle -= Math.PI * 2;
+       while (angle < -Math.PI) angle += Math.PI * 2;
+       return angle;
+   }
+   
+   initializeWarningAudios() {
+       try {
+           this.warningAudios.altitude = new Audio('sounds/altitude.ogg');
+           this.warningAudios.altitude.volume = 0.75;
+           
+           this.warningAudios.pullup = new Audio('sounds/pullup.ogg');
+           this.warningAudios.pullup.volume = 0.9;
+           
+           this.warningAudios.overg = new Audio('sounds/overg.ogg');
+           this.warningAudios.overg.volume = 0.75;
+           
+           this.warningAudios.stall = new Audio('sounds/alert.ogg');
+           this.warningAudios.stall.volume = 0.75;
+           
+           // 엔진 소리 설정
+           this.warningAudios.normal = new Audio('sounds/normal.ogg');
+           this.warningAudios.normal.volume = 0.5;
+           this.warningAudios.normal.loop = true; // 엔진 소리는 계속 반복
+           
+           // 경고음에만 ended 이벤트 리스너 추가 (엔진 소리 제외)
+           Object.keys(this.warningAudios).forEach(key => {
+               if (key !== 'normal' && this.warningAudios[key]) {
+                   this.warningAudios[key].addEventListener('ended', () => {
+                       this.updateWarningAudios();
+                   });
+               }
+           });
+       } catch (e) {
+           console.log('Warning audio initialization failed:', e);
+       }
+   }
+   
+   startEngineSound() {
+       // 엔진 소리 시작
+       if (this.warningAudios.normal) {
+           this.warningAudios.normal.play().catch(e => {
+               console.log('Engine sound failed to start:', e);
+           });
+       }
+   }
+   
+   updateWarningAudios() {
+       let currentWarning = null;
+       
+       if (this.altitude < 250) {
+           currentWarning = 'pullup';
+       }
+       else if (this.altitude < 500) {
+           currentWarning = 'altitude';
+       }
+       else if (this.overG) {
+           currentWarning = 'overg';
+       }
+       else if (this.stallWarning) {
+           currentWarning = 'stall';
+       }
+       
+       // 경고음만 관리 (엔진 소리는 제외)
+       Object.keys(this.warningAudios).forEach(key => {
+           if (key !== 'normal' && key !== currentWarning && this.warningAudios[key] && !this.warningAudios[key].paused) {
+               this.warningAudios[key].pause();
+               this.warningAudios[key].currentTime = 0;
+           }
+       });
+       
+       if (currentWarning && this.warningAudios[currentWarning]) {
+           if (this.warningAudios[currentWarning].paused) {
+               this.warningAudios[currentWarning].play().catch(e => {});
+           }
+       }
+   }
+   
+   stopAllWarningAudios() {
+       // 모든 오디오 정지 (엔진 소리 포함)
+       Object.values(this.warningAudios).forEach(audio => {
+           if (audio && !audio.paused) {
+               audio.pause();
+               audio.currentTime = 0;
+           }
+       });
+   }
 
-    async initialize(scene, loader) {
-        try {
-            const result = await loader.loadAsync('models/f-15.glb');
-            this.mesh = result.scene;
-            this.mesh.position.copy(this.position);
-            this.mesh.scale.set(2, 2, 2);
-            this.mesh.rotation.y = Math.PI / 4;
-            
-            this.mesh.traverse((child) => {
-                if (child.isMesh) {
-                    child.castShadow = true;
-                    child.receiveShadow = true;
-                }
-            });
-            
-            scene.add(this.mesh);
-            this.isLoaded = true;
-            console.log('F-15 전투기 로딩 완료');
-        } catch (error) {
-            console.error('F-15 모델 로딩 실패:', error);
-            this.createFallbackModel(scene);
-        }
-    }
+   async initialize(scene, loader) {
+       try {
+           const result = await loader.loadAsync('models/f-15.glb');
+           this.mesh = result.scene;
+           this.mesh.position.copy(this.position);
+           this.mesh.scale.set(2, 2, 2);
+           this.mesh.rotation.y = Math.PI / 4;
+           
+           this.mesh.traverse((child) => {
+               if (child.isMesh) {
+                   child.castShadow = true;
+                   child.receiveShadow = true;
+               }
+           });
+           
+           scene.add(this.mesh);
+           this.isLoaded = true;
+           console.log('F-15 전투기 로딩 완료');
+       } catch (error) {
+           console.error('F-15 모델 로딩 실패:', error);
+           this.createFallbackModel(scene);
+       }
+   }
 
-    createFallbackModel(scene) {
-        const group = new THREE.Group();
-        
-        const fuselageGeometry = new THREE.CylinderGeometry(0.8, 1.5, 12, 8);
-        const fuselageMaterial = new THREE.MeshLambertMaterial({ color: 0x606060 });
-        const fuselage = new THREE.Mesh(fuselageGeometry, fuselageMaterial);
-        fuselage.rotation.x = Math.PI / 2;
-        group.add(fuselage);
-        
-        const wingGeometry = new THREE.BoxGeometry(16, 0.3, 4);
-        const wingMaterial = new THREE.MeshLambertMaterial({ color: 0x404040 });
-        const wings = new THREE.Mesh(wingGeometry, wingMaterial);
-        wings.position.z = -1;
-        group.add(wings);
-        
-        const tailGeometry = new THREE.BoxGeometry(0.3, 4, 3);
-        const tailMaterial = new THREE.MeshLambertMaterial({ color: 0x404040 });
-        const tail = new THREE.Mesh(tailGeometry, tailMaterial);
-        tail.position.z = -5;
-        tail.position.y = 1.5;
-        group.add(tail);
-        
-        const horizontalTailGeometry = new THREE.BoxGeometry(6, 0.2, 2);
-        const horizontalTail = new THREE.Mesh(horizontalTailGeometry, tailMaterial);
-        horizontalTail.position.z = -5;
-        horizontalTail.position.y = 0.5;
-        group.add(horizontalTail);
-        
-        this.mesh = group;
-        this.mesh.position.copy(this.position);
-        this.mesh.scale.set(2, 2, 2);
-        scene.add(this.mesh);
-        this.isLoaded = true;
-        
-        console.log('Fallback 전투기 모델 생성 완료');
-    }
+   createFallbackModel(scene) {
+       const group = new THREE.Group();
+       
+       const fuselageGeometry = new THREE.CylinderGeometry(0.8, 1.5, 12, 8);
+       const fuselageMaterial = new THREE.MeshLambertMaterial({ color: 0x606060 });
+       const fuselage = new THREE.Mesh(fuselageGeometry, fuselageMaterial);
+       fuselage.rotation.x = Math.PI / 2;
+       group.add(fuselage);
+       
+       const wingGeometry = new THREE.BoxGeometry(16, 0.3, 4);
+       const wingMaterial = new THREE.MeshLambertMaterial({ color: 0x404040 });
+       const wings = new THREE.Mesh(wingGeometry, wingMaterial);
+       wings.position.z = -1;
+       group.add(wings);
+       
+       const tailGeometry = new THREE.BoxGeometry(0.3, 4, 3);
+       const tailMaterial = new THREE.MeshLambertMaterial({ color: 0x404040 });
+       const tail = new THREE.Mesh(tailGeometry, tailMaterial);
+       tail.position.z = -5;
+       tail.position.y = 1.5;
+       group.add(tail);
+       
+       const horizontalTailGeometry = new THREE.BoxGeometry(6, 0.2, 2);
+       const horizontalTail = new THREE.Mesh(horizontalTailGeometry, tailMaterial);
+       horizontalTail.position.z = -5;
+       horizontalTail.position.y = 0.5;
+       group.add(horizontalTail);
+       
+       this.mesh = group;
+       this.mesh.position.copy(this.position);
+       this.mesh.scale.set(2, 2, 2);
+       scene.add(this.mesh);
+       this.isLoaded = true;
+       
+       console.log('Fallback 전투기 모델 생성 완료');
+   }
 
-    updateMouseInput(deltaX, deltaY) {
-        // Over-G 상태에서 스톨이 해제되지 않았으면 피치 조작 불가
-        if (this.overG && this.overGTimer > 1.0 && this.stallWarning) {
-            // 요(Yaw)만 제한적으로 허용
-            const sensitivity = GAME_CONSTANTS.MOUSE_SENSITIVITY * 0.3; // 감도 대폭 감소
-            this.targetYaw += deltaX * sensitivity * 0.3;
-            
-            // 피치는 조작 불가
-            // 롤도 제한적으로만 허용
-            const yawRate = deltaX * sensitivity * 0.3;
-            this.targetRoll = -yawRate * 5; // 매우 제한된 롤
-            
-            return; // 추가 처리 중단
-        }
-        
-        const sensitivity = GAME_CONSTANTS.MOUSE_SENSITIVITY * 1.0;
-        
-        // 마우스 Y축: 피치(기수 상하) - 항상 동일하게 작동
-        this.targetPitch -= deltaY * sensitivity;
-        
-        // 마우스 X축: 요(좌우 회전) - 항상 동일하게 작동
-        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.5; // 90도로 제한 (자동 롤)
-        
-        this.targetPitch = Math.max(-maxPitchAngle, Math.min(maxPitchAngle, this.targetPitch));
-        
-        // 자동 롤은 제한된 범위 내에서만 작동
-        if (Math.abs(this.targetRoll) < maxRollAngle) {
-            // 롤 각도 제한 적용
-            this.targetRoll = Math.max(-maxRollAngle, Math.min(maxRollAngle, this.targetRoll));
-        }
-    }
+   updateMouseInput(deltaX, deltaY) {
+       // Over-G 상태에서 스톨이 해제되지 않았으면 피치 조작 불가
+       if (this.overG && this.overGTimer > 1.0 && this.stallWarning) {
+           // 요(Yaw)만 제한적으로 허용
+           const sensitivity = GAME_CONSTANTS.MOUSE_SENSITIVITY * 0.3;
+           this.targetYaw += deltaX * sensitivity * 0.3;
+           return;
+       }
+       
+       const sensitivity = GAME_CONSTANTS.MOUSE_SENSITIVITY * 1.0;
+       
+       // 마우스 입력을 각속도로 변환
+       const pitchRate = -deltaY * sensitivity;
+       const yawRate = deltaX * sensitivity * 0.8;
+       
+       // 현재 상태에서의 피치 제한
+       this.targetPitch += pitchRate;
+       this.targetYaw += yawRate;
+       
+       // 요 회전에 따른 자연스러운 뱅크 (롤)
+       // 실제 항공기처럼 선회 시 자동으로 기울어짐
+       const targetBankAngle = -yawRate * 15; // 요 속도에 비례한 뱅크 각도
+       
+       // 롤을 목표 뱅크 각도로 부드럽게 전환
+       this.targetRoll = THREE.MathUtils.lerp(this.targetRoll, targetBankAngle, 0.1);
+       
+       // 각도 제한
+       const maxPitchAngle = Math.PI / 3; // 60도
+       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));
+   }
 
-    updateControls(keys, deltaTime) {
-        // W/S: 스로틀만 제어 (가속/감속)
-        if (keys.w) {
-            this.throttle = Math.min(1.0, this.throttle + deltaTime * 0.5);
-        }
-        if (keys.s) {
-            this.throttle = Math.max(0.1, this.throttle - deltaTime * 0.5);
-        }
-        
-        // A/D: 보조 요 제어 (러더) - 반응성 개선
-        if (keys.a) {
-            this.targetYaw -= deltaTime * 1.2;
-        }
-        if (keys.d) {
-            this.targetYaw += deltaTime * 1.2;
-        }
-    }
-  updatePhysics(deltaTime) {
+   updateControls(keys, deltaTime) {
+       // W/S: 스로틀만 제어 (가속/감속)
+       if (keys.w) {
+           this.throttle = Math.min(1.0, this.throttle + deltaTime * 0.5);
+       }
+       if (keys.s) {
+           this.throttle = Math.max(0.1, this.throttle - deltaTime * 0.5);
+       }
+       
+       // A/D: 보조 요 제어 (러더) - 반응성 개선
+       if (keys.a) {
+           this.targetYaw -= deltaTime * 1.2;
+       }
+       if (keys.d) {
+           this.targetYaw += deltaTime * 1.2;
+       }
+   }
+
+   updatePhysics(deltaTime) {
        if (!this.mesh) return;
        
        // 부드러운 회전 보간
@@ -529,7 +523,8 @@ class Fighter {
            const gravityAcceleration = GAME_CONSTANTS.GRAVITY * deltaTime * 3.0; // 3배 중력
            this.velocity.y -= gravityAcceleration;
        }
-    // 속도 벡터 계산 - 쿼터니언을 사용하여 짐벌 락 완전 회피
+       
+       // 속도 벡터 계산 - 쿼터니언을 사용하여 짐벌 락 완전 회피
        const noseDirection = new THREE.Vector3(0, 0, 1);
        
        // 쿼터니언 기반 회전 시스템
@@ -550,10 +545,11 @@ class Fighter {
        yawQuat.setFromAxisAngle(yAxis, this.rotation.y);
        rollQuat.setFromAxisAngle(zAxis, this.rotation.z);
        
-       // 쿼터니언 합성 (항공기 표준 순서: Yaw -> Pitch -> Roll)
-       quaternion.multiply(yawQuat);
-       quaternion.multiply(pitchQuat);
+       // 쿼터니언 합성 (올바른 항공기 순서: Roll -> Pitch -> Yaw)
+       // 항공기는 먼저 롤, 그 다음 피치, 마지막으로 요 순서로 회전
        quaternion.multiply(rollQuat);
+       quaternion.multiply(pitchQuat);
+       quaternion.multiply(yawQuat);
        
        // 방향 벡터에 회전 적용
        noseDirection.applyQuaternion(quaternion);
@@ -626,10 +622,10 @@ class Fighter {
        meshYawQuat.setFromAxisAngle(new THREE.Vector3(0, 1, 0), this.rotation.y + 3 * Math.PI / 2);
        meshRollQuat.setFromAxisAngle(new THREE.Vector3(0, 0, 1), this.rotation.z);
        
-       // 쿼터니언 합성
-       meshQuaternion.multiply(meshYawQuat);
-       meshQuaternion.multiply(meshPitchQuat);
+       // 쿼터니언 합성 (올바른 순서)
        meshQuaternion.multiply(meshRollQuat);
+       meshQuaternion.multiply(meshPitchQuat);
+       meshQuaternion.multiply(meshYawQuat);
        
        this.mesh.quaternion.copy(meshQuaternion);
        
@@ -680,9 +676,9 @@ class Fighter {
        yawQuat.setFromAxisAngle(new THREE.Vector3(0, 1, 0), this.rotation.y);
        rollQuat.setFromAxisAngle(new THREE.Vector3(0, 0, 1), this.rotation.z);
        
-       quaternion.multiply(yawQuat);
-       quaternion.multiply(pitchQuat);
        quaternion.multiply(rollQuat);
+       quaternion.multiply(pitchQuat);
+       quaternion.multiply(yawQuat);
        
        muzzleOffset.applyQuaternion(quaternion);
        bullet.position.copy(this.position).add(muzzleOffset);
@@ -772,9 +768,9 @@ class Fighter {
        yawQuat.setFromAxisAngle(new THREE.Vector3(0, 1, 0), this.rotation.y);
        rollQuat.setFromAxisAngle(new THREE.Vector3(0, 0, 1), this.rotation.z);
        
-       quaternion.multiply(yawQuat);
-       quaternion.multiply(pitchQuat);
        quaternion.multiply(rollQuat);
+       quaternion.multiply(pitchQuat);
+       quaternion.multiply(yawQuat);
        
        backward.applyQuaternion(quaternion);
        up.applyQuaternion(quaternion);