Update game.js

game.js

@@ -1010,301 +1010,333 @@ class Fighter {
    }
 }
 
-// AIM-9 미사일 클래스
+javascript// AIM-9 미사일 클래스
 class AIM9Missile {
-    constructor(scene, position, target, rotation) {
-        this.scene = scene;
-        this.position = position.clone();
-        this.target = target;
-        this.rotation = rotation.clone();
-        this.speed = 1028.8; // 2000kt를 m/s로 변환
-        this.mesh = null;
-        this.isLoaded = false;
-        this.lifeTime = 20; // 20초 후 자폭
-        this.turnRate = 3.0; // 초당 회전 속도 (라디안)
-        this.startPosition = position.clone();
-        
-        // 추력 연기 파티클
-        this.smokeTrail = [];
-        this.smokeEmitTime = 0;
-        
-        // 미사일 발사 방향 설정
-        const quaternion = new THREE.Quaternion();
-        const pitchQuat = new THREE.Quaternion();
-        const yawQuat = new THREE.Quaternion();
-        const rollQuat = new THREE.Quaternion();
-        
-        pitchQuat.setFromAxisAngle(new THREE.Vector3(1, 0, 0), this.rotation.x);
-        yawQuat.setFromAxisAngle(new THREE.Vector3(0, 1, 0), this.rotation.y);
-        rollQuat.setFromAxisAngle(new THREE.Vector3(0, 0, 1), this.rotation.z);
-        
-        quaternion.multiply(rollQuat);
-        quaternion.multiply(pitchQuat);
-        quaternion.multiply(yawQuat);
-        
-        const initialDirection = new THREE.Vector3(0, 0, 1);
-        initialDirection.applyQuaternion(quaternion);
-        this.velocity = initialDirection.multiplyScalar(this.speed);
-        
-        // 미사일 소리
-        this.swingAudio = null;
-        this.initializeAudio();
-        
-        this.createMissile();
-    }
-    
-    initializeAudio() {
-        try {
-            this.swingAudio = new Audio('sounds/missileswing.ogg');
-            this.swingAudio.volume = 0.3;
-            this.swingAudio.loop = true;
-            this.swingAudio.play().catch(e => {});
-        } catch (e) {
-            console.log('Missile swing audio failed:', e);
-        }
-    }
-    
-    createMissile() {
-        // 즉시 폴백 모델 생성 (비동기 로딩 대신)
-        this.createFallbackMissile();
-        
-        this.mesh.position.copy(this.position);
-        this.scene.add(this.mesh);
-        
-        // 나중에 GLB 모델 로드 시도 (선택사항)
-        const loader = new GLTFLoader();
-        loader.load('models/aim-9.glb', 
-            (result) => {
-                // 모델 로드 성공 시 교체
-                if (this.mesh && this.mesh.parent) {
-                    this.scene.remove(this.mesh);
-                    this.mesh = result.scene;
-                    this.mesh.scale.set(0.75, 0.75, 0.75);
-                    this.mesh.position.copy(this.position);
-                    this.scene.add(this.mesh);
-                    console.log('AIM-9 model loaded and replaced');
-                }
-            },
-            undefined,
-            (error) => {
-                console.log('AIM-9 model not found, keeping fallback');
-            }
-        );
-    }
-    
-    createFallbackMissile() {
-        // 폴백 미사일 모델
-        const group = new THREE.Group();
-        
-        // 미사일 본체
-        const bodyGeometry = new THREE.CylinderGeometry(0.3, 0.4, 4, 8);
-        const bodyMaterial = new THREE.MeshLambertMaterial({ color: 0x808080 });
-        const body = new THREE.Mesh(bodyGeometry, bodyMaterial);
-        body.rotation.x = Math.PI / 2;
-        group.add(body);
-        
-        // 탄두
-        const noseGeometry = new THREE.ConeGeometry(0.3, 1, 8);
-        const noseMaterial = new THREE.MeshLambertMaterial({ color: 0x404040 });
-        const nose = new THREE.Mesh(noseGeometry, noseMaterial);
-        nose.position.z = 2.5;
-        nose.rotation.x = -Math.PI / 2;
-        group.add(nose);
-        
-        // 날개
-        const finGeometry = new THREE.BoxGeometry(2, 0.1, 0.5);
-        const finMaterial = new THREE.MeshLambertMaterial({ color: 0x606060 });
-        
-        for (let i = 0; i < 4; i++) {
-            const fin = new THREE.Mesh(finGeometry, finMaterial);
-            fin.position.z = -1.5;
-            fin.rotation.z = (Math.PI / 2) * i;
-            group.add(fin);
-        }
-        
-        // 불꽃 효과
-        const flameGeometry = new THREE.ConeGeometry(0.4, 1.5, 8);
-        const flameMaterial = new THREE.MeshBasicMaterial({ 
-            color: 0xff4400,
-            transparent: true,
-            opacity: 0.8
-        });
-        const flame = new THREE.Mesh(flameGeometry, flameMaterial);
-        flame.position.z = -2.5;
-        flame.rotation.x = Math.PI / 2;
-        group.add(flame);
-        
-        this.mesh = group;
-        this.mesh.scale.set(2.25, 2.25, 2.25); // 50% 더 크게 (1.5 -> 2.25)
-        this.isLoaded = true;
-    }
-    
-    update(deltaTime, playerPosition) {
-        if (!this.mesh || !this.target || !this.target.position) {
-            this.destroy();
-            return 'expired';
-        }
-        
-        this.lifeTime -= deltaTime;
-        if (this.lifeTime <= 0) {
-            this.destroy();
-            return 'expired';
-        }
-        
-        // 타겟 추적
-        const toTarget = this.target.position.clone().sub(this.position);
-        const distance = toTarget.length();
-        
-        // 명중 체크
-        if (distance < 30) {
-            // 명중!
-            this.onHit();
-            return 'hit';
-        }
-        
-        // 호밍 로직
-        toTarget.normalize();
-        const currentDirection = this.velocity.clone().normalize();
-        
-        // 부드러운 방향 전환
-        const newDirection = new THREE.Vector3();
-        newDirection.lerpVectors(currentDirection, toTarget, deltaTime * this.turnRate);
-        newDirection.normalize();
-        
-        this.velocity = newDirection.multiplyScalar(this.speed);
-        
-        // 위치 업데이트
-        this.position.add(this.velocity.clone().multiplyScalar(deltaTime));
-        this.mesh.position.copy(this.position);
-        
-        // 미사일 회전
-        const lookAtTarget = this.position.clone().add(this.velocity);
-        this.mesh.lookAt(lookAtTarget);
-        
-        // 추력 연기 생성
-        this.smokeEmitTime += deltaTime;
-        if (this.smokeEmitTime >= 0.02) { // 0.02초마다 연기 생성
-            this.smokeEmitTime = 0;
-            this.createSmokeParticle();
-        }
-        
-        // 연기 파티클 업데이트
-        for (let i = this.smokeTrail.length - 1; i >= 0; i--) {
-            const smoke = this.smokeTrail[i];
-            smoke.life -= deltaTime;
-            
-            if (smoke.life <= 0) {
-                this.scene.remove(smoke.mesh);
-                this.smokeTrail.splice(i, 1);
-            } else {
-                // 연기 확산 및 페이드
-                smoke.mesh.scale.multiplyScalar(1.02);
-                smoke.mesh.material.opacity = smoke.life / 3.0;
-                
-                // 약간의 상승 효과
-                smoke.mesh.position.y += deltaTime * 2;
-            }
-        }
-        
-        // 사운드 볼륨 조정 (플레이어와의 거리에 따라)
-        if (this.swingAudio && playerPosition) {
-            const distanceToPlayer = this.position.distanceTo(playerPosition);
-            if (distanceToPlayer < 200) {
-                this.swingAudio.volume = 0.3 * (1 - distanceToPlayer / 200);
-            } else {
-                this.swingAudio.volume = 0;
-            }
-        }
-        
-        // 지면 충돌
-        if (this.position.y <= 0) {
-            this.destroy();
-            return 'expired';
-        }
-        
-        return 'flying';
-    }
-    
-    createSmokeParticle() {
-        // 미사일 뒤쪽 위치 계산
-        const backward = this.velocity.clone().normalize().multiplyScalar(-3);
-        const smokePos = this.position.clone().add(backward);
-        
-        // 하얀 연기 파티클 생성
-        const smokeGeometry = new THREE.SphereGeometry(
-            1 + Math.random() * 1.5, // 크기 변화
-            6, 
-            6
-        );
-        const smokeMaterial = new THREE.MeshBasicMaterial({
-            color: 0xffffff, // 하얀색
-            transparent: true,
-            opacity: 0.8
-        });
-        
-        const smoke = new THREE.Mesh(smokeGeometry, smokeMaterial);
-        smoke.position.copy(smokePos);
-        
-        // 약간의 랜덤 오프셋
-        smoke.position.x += (Math.random() - 0.5) * 1;
-        smoke.position.y += (Math.random() - 0.5) * 1;
-        smoke.position.z += (Math.random() - 0.5) * 1;
-        
-        this.scene.add(smoke);
-        
-        this.smokeTrail.push({
-            mesh: smoke,
-            life: 3.0 // 3초 동안 지속
-        });
-        
-        // 연기 파티클 제한 (성능을 위해)
-        if (this.smokeTrail.length > 150) {
-            const oldSmoke = this.smokeTrail.shift();
-            this.scene.remove(oldSmoke.mesh);
-        }
-    }
-    
-    onHit() {
-        // 명중 효과
-        if (window.gameInstance) {
-            window.gameInstance.createExplosionEffect(this.position);
-        }
-        
-        // 명중음
-        try {
-            const hitSound = new Audio('sounds/missilehit.ogg');
-            hitSound.volume = 0.8;
-            hitSound.play().catch(e => {});
-        } catch (e) {
-            console.log('Missile hit sound failed:', e);
-        }
-        
-        // 타겟에게 피해
-        if (this.target.takeDamage) {
-            this.target.takeDamage(GAME_CONSTANTS.AIM9_DAMAGE);
-        }
-        
-        this.destroy();
-    }
-    
-    destroy() {
-        if (this.mesh) {
-            this.scene.remove(this.mesh);
-        }
-        
-        // 연기 파티클 정리
-        this.smokeTrail.forEach(smoke => {
-            if (smoke.mesh) {
-                this.scene.remove(smoke.mesh);
-            }
-        });
-        this.smokeTrail = [];
-        
-        if (this.swingAudio) {
-            this.swingAudio.pause();
-            this.swingAudio = null;
-        }
-    }
+   constructor(scene, position, target, rotation) {
+       this.scene = scene;
+       this.position = position.clone();
+       this.target = target;
+       this.rotation = rotation.clone();
+       this.speed = 1028.8; // 2000kt를 m/s로 변환
+       this.mesh = null;
+       this.isLoaded = false;
+       this.lifeTime = 30; // 30초로 증가 (더 오래 추적)
+       this.turnRate = 6.0; // 회전율 2배 증가 (더 빠른 추적)
+       this.startPosition = position.clone();
+       
+       // 추력 연기 파티클
+       this.smokeTrail = [];
+       this.smokeEmitTime = 0;
+       
+       // 미사일 발사 방향 설정
+       const quaternion = new THREE.Quaternion();
+       const pitchQuat = new THREE.Quaternion();
+       const yawQuat = new THREE.Quaternion();
+       const rollQuat = new THREE.Quaternion();
+       
+       pitchQuat.setFromAxisAngle(new THREE.Vector3(1, 0, 0), this.rotation.x);
+       yawQuat.setFromAxisAngle(new THREE.Vector3(0, 1, 0), this.rotation.y);
+       rollQuat.setFromAxisAngle(new THREE.Vector3(0, 0, 1), this.rotation.z);
+       
+       quaternion.multiply(rollQuat);
+       quaternion.multiply(pitchQuat);
+       quaternion.multiply(yawQuat);
+       
+       const initialDirection = new THREE.Vector3(0, 0, 1);
+       initialDirection.applyQuaternion(quaternion);
+       this.velocity = initialDirection.multiplyScalar(this.speed);
+       
+       // 미사일 소리
+       this.swingAudio = null;
+       this.swingAudioPlayed = false; // 한 번만 재생하기 위한 플래그
+       this.initializeAudio();
+       
+       this.createMissile();
+   }
+   
+   initializeAudio() {
+       // missileswing.ogg는 update 메서드에서 한 번만 재생
+       // 여기서는 초기화하지 않음
+   }
+   
+   createMissile() {
+       // 즉시 폴백 모델 생성 (비동기 로딩 대신)
+       this.createFallbackMissile();
+       
+       this.mesh.position.copy(this.position);
+       this.scene.add(this.mesh);
+       
+       // 나중에 GLB 모델 로드 시도 (선택사항)
+       const loader = new GLTFLoader();
+       loader.load('models/aim-9.glb', 
+           (result) => {
+               // 모델 로드 성공 시 교체
+               if (this.mesh && this.mesh.parent) {
+                   this.scene.remove(this.mesh);
+                   this.mesh = result.scene;
+                   this.mesh.scale.set(0.75, 0.75, 0.75);
+                   this.mesh.position.copy(this.position);
+                   this.scene.add(this.mesh);
+                   console.log('AIM-9 model loaded and replaced');
+               }
+           },
+           undefined,
+           (error) => {
+               console.log('AIM-9 model not found, keeping fallback');
+           }
+       );
+   }
+   
+   createFallbackMissile() {
+       // 폴백 미사일 모델
+       const group = new THREE.Group();
+       
+       // 미사일 본체
+       const bodyGeometry = new THREE.CylinderGeometry(0.3, 0.4, 4, 8);
+       const bodyMaterial = new THREE.MeshLambertMaterial({ color: 0x808080 });
+       const body = new THREE.Mesh(bodyGeometry, bodyMaterial);
+       body.rotation.x = Math.PI / 2;
+       group.add(body);
+       
+       // 탄두
+       const noseGeometry = new THREE.ConeGeometry(0.3, 1, 8);
+       const noseMaterial = new THREE.MeshLambertMaterial({ color: 0x404040 });
+       const nose = new THREE.Mesh(noseGeometry, noseMaterial);
+       nose.position.z = 2.5;
+       nose.rotation.x = -Math.PI / 2;
+       group.add(nose);
+       
+       // 날개
+       const finGeometry = new THREE.BoxGeometry(2, 0.1, 0.5);
+       const finMaterial = new THREE.MeshLambertMaterial({ color: 0x606060 });
+       
+       for (let i = 0; i < 4; i++) {
+           const fin = new THREE.Mesh(finGeometry, finMaterial);
+           fin.position.z = -1.5;
+           fin.rotation.z = (Math.PI / 2) * i;
+           group.add(fin);
+       }
+       
+       // 불꽃 효과
+       const flameGeometry = new THREE.ConeGeometry(0.4, 1.5, 8);
+       const flameMaterial = new THREE.MeshBasicMaterial({ 
+           color: 0xff4400,
+           transparent: true,
+           opacity: 0.8
+       });
+       const flame = new THREE.Mesh(flameGeometry, flameMaterial);
+       flame.position.z = -2.5;
+       flame.rotation.x = Math.PI / 2;
+       group.add(flame);
+       
+       this.mesh = group;
+       this.mesh.scale.set(2.25, 2.25, 2.25); // 50% 더 크게 (1.5 -> 2.25)
+       this.isLoaded = true;
+   }
+   
+   update(deltaTime, playerPosition) {
+       if (!this.mesh || !this.target || !this.target.position) {
+           this.destroy();
+           return 'expired';
+       }
+       
+       this.lifeTime -= deltaTime;
+       if (this.lifeTime <= 0) {
+           this.destroy();
+           return 'expired';
+       }
+       
+       // missileswing.ogg를 한 번만 재생
+       if (!this.swingAudioPlayed && this.lifeTime < 29.5) { // 발사 0.5초 후 재��
+           try {
+               this.swingAudio = new Audio('sounds/missileswing.ogg');
+               this.swingAudio.volume = 0.5;
+               this.swingAudio.play().catch(e => {});
+               this.swingAudioPlayed = true;
+           } catch (e) {
+               console.log('Missile swing audio failed:', e);
+           }
+       }
+       
+       // 타겟 추적 - 향상된 호밍 알고리즘
+       const toTarget = this.target.position.clone().sub(this.position);
+       const distance = toTarget.length();
+       
+       // 명중 체크 - 범위 증가
+       if (distance < 50) { // 30에서 50으로 증가
+           // 명중!
+           this.onHit();
+           return 'hit';
+       }
+       
+       // 예측 사격: 타겟의 미래 위치 예측
+       if (this.target.velocity) {
+           const timeToImpact = distance / this.speed;
+           const predictedPosition = this.target.position.clone().add(
+               this.target.velocity.clone().multiplyScalar(timeToImpact * 0.5)
+           );
+           toTarget.copy(predictedPosition.sub(this.position));
+       }
+       
+       toTarget.normalize();
+       const currentDirection = this.velocity.clone().normalize();
+       
+       // 비례 항법 유도 (Proportional Navigation)
+       const closing_velocity = this.velocity.length();
+       const line_of_sight_rate = currentDirection.clone().cross(toTarget);
+       const navigation_constant = 4.0; // N = 4 (일반적인 미사일 상수)
+       
+       // 가속도 명령 계산
+       const commanded_acceleration = line_of_sight_rate.multiplyScalar(
+           navigation_constant * closing_velocity
+       );
+       
+       // 부드러운 방향 전환 with 비례 항법
+       const newDirection = currentDirection.clone();
+       const maxTurnRate = this.turnRate * deltaTime;
+       
+       // 가속도를 방향 변화로 변환
+       const deltaDirection = commanded_acceleration.multiplyScalar(deltaTime / this.speed);
+       newDirection.add(deltaDirection);
+       
+       // 직접 추적도 혼합 (근거리에서 더 정확한 추적)
+       if (distance < 500) {
+           const directWeight = 1.0 - (distance / 500);
+           newDirection.lerp(toTarget, directWeight * maxTurnRate);
+       }
+       
+       newDirection.normalize();
+       
+       // 속도 업데이트 - 가속 추가
+       if (this.lifeTime > 25) {
+           // 초기 5초간 가속
+           this.speed = Math.min(this.speed + deltaTime * 200, 1543.2); // 최대 3000kt
+       }
+       
+       this.velocity = newDirection.multiplyScalar(this.speed);
+       
+       // 위치 업데이트
+       this.position.add(this.velocity.clone().multiplyScalar(deltaTime));
+       this.mesh.position.copy(this.position);
+       
+       // 미사일 회전
+       const lookAtTarget = this.position.clone().add(this.velocity);
+       this.mesh.lookAt(lookAtTarget);
+       
+       // 추력 연기 생성
+       this.smokeEmitTime += deltaTime;
+       if (this.smokeEmitTime >= 0.02) { // 0.02초마다 연기 생성
+           this.smokeEmitTime = 0;
+           this.createSmokeParticle();
+       }
+       
+       // 연기 파티클 업데이트
+       for (let i = this.smokeTrail.length - 1; i >= 0; i--) {
+           const smoke = this.smokeTrail[i];
+           smoke.life -= deltaTime;
+           
+           if (smoke.life <= 0) {
+               this.scene.remove(smoke.mesh);
+               this.smokeTrail.splice(i, 1);
+           } else {
+               // 연기 확산 및 페이드
+               smoke.mesh.scale.multiplyScalar(1.02);
+               smoke.mesh.material.opacity = smoke.life / 3.0;
+               
+               // 약간의 상승 효과
+               smoke.mesh.position.y += deltaTime * 2;
+           }
+       }
+       
+       // 지면 충돌
+       if (this.position.y <= 0) {
+           this.destroy();
+           return 'expired';
+       }
+       
+       return 'flying';
+   }
+   
+   createSmokeParticle() {
+       // 미사일 뒤쪽 위치 계산
+       const backward = this.velocity.clone().normalize().multiplyScalar(-3);
+       const smokePos = this.position.clone().add(backward);
+       
+       // 하얀 연기 파티클 생성
+       const smokeGeometry = new THREE.SphereGeometry(
+           1 + Math.random() * 2.5, // 크기 변화
+           6, 
+           6
+       );
+       const smokeMaterial = new THREE.MeshBasicMaterial({
+           color: 0xffffff, // 하얀색
+           transparent: true,
+           opacity: 0.8
+       });
+       
+       const smoke = new THREE.Mesh(smokeGeometry, smokeMaterial);
+       smoke.position.copy(smokePos);
+       
+       // 약간의 랜덤 오프셋
+       smoke.position.x += (Math.random() - 0.5) * 1;
+       smoke.position.y += (Math.random() - 0.5) * 1;
+       smoke.position.z += (Math.random() - 0.5) * 1;
+       
+       this.scene.add(smoke);
+       
+       this.smokeTrail.push({
+           mesh: smoke,
+           life: 3.0 // 3초 동안 지속
+       });
+       
+       // 연기 파티클 제한 (성능을 위해)
+       if (this.smokeTrail.length > 150) {
+           const oldSmoke = this.smokeTrail.shift();
+           this.scene.remove(oldSmoke.mesh);
+       }
+   }
+   
+   onHit() {
+       // 명중 효과
+       if (window.gameInstance) {
+           window.gameInstance.createExplosionEffect(this.position);
+       }
+       
+       // 명중음
+       try {
+           const hitSound = new Audio('sounds/missilehit.ogg');
+           hitSound.volume = 0.8;
+           hitSound.play().catch(e => {});
+       } catch (e) {
+           console.log('Missile hit sound failed:', e);
+       }
+       
+       // 타겟에게 피해
+       if (this.target.takeDamage) {
+           this.target.takeDamage(GAME_CONSTANTS.AIM9_DAMAGE);
+       }
+       
+       this.destroy();
+   }
+   
+   destroy() {
+       if (this.mesh) {
+           this.scene.remove(this.mesh);
+       }
+       
+       // 연기 파티클 정리
+       this.smokeTrail.forEach(smoke => {
+           if (smoke.mesh) {
+               this.scene.remove(smoke.mesh);
+           }
+       });
+       this.smokeTrail = [];
+       
+       if (this.swingAudio) {
+           this.swingAudio.pause();
+           this.swingAudio = null;
+       }
+   }
 }
 
 // 적 전투기 클래스 - 완전히 재설계