Update index.html

index.html

@@ -496,9 +496,36 @@
         <!-- 탄약 표시 -->
         <div id="ammoDisplay">AMMO: 300</div>
         
-        <!-- 레이더 -->
+        <!-- 레이더 (RWR) -->
         <div id="radar">
-            <div id="radarLine"></div>
+            <div class="rwr-display">
+                <!-- RWR 거리 링 -->
+                <div class="rwr-range-ring rwr-ring-inner"></div>
+                <div class="rwr-range-ring rwr-ring-middle"></div>
+                <div class="rwr-range-ring rwr-ring-outer"></div>
+                
+                <!-- 방향 표시 -->
+                <div class="rwr-direction-marks">
+                    <div class="rwr-direction-text rwr-north">N</div>
+                    <div class="rwr-direction-text rwr-east">E</div>
+                    <div class="rwr-direction-text rwr-south">S</div>
+                    <div class="rwr-direction-text rwr-west">W</div>
+                </div>
+                
+                <!-- 중앙 항공기 심볼 -->
+                <div class="rwr-center">
+                    <div class="rwr-aircraft-symbol">
+                        <div class="rwr-aircraft-body"></div>
+                        <div class="rwr-aircraft-wing"></div>
+                    </div>
+                </div>
+                
+                <!-- 위협 표시 영역 -->
+                <div id="rwrThreats"></div>
+            </div>
+            
+            <!-- 기존 레이더 요소 (숨김) -->
+            <div id="radarLine" style="display: none;"></div>
         </div>
     </div>
 
@@ -583,10 +610,65 @@
                         const rollDegrees = fighter.rotation.z * (180 / Math.PI);
                         hudCrosshair.style.transform = `translate(-50%, -50%) rotate(${-rollDegrees}deg)`;
                     }
+                    // RWR 업데이트
+                    updateRWR(fighter);
                 }
             }, 16); // 약 60fps
         });
         
+        // RWR 업데이트 함수
+        function updateRWR(fighter) {
+            const rwrThreats = document.getElementById('rwrThreats');
+            if (!rwrThreats || !window.gameInstance) return;
+            
+            // 기존 위협 표시 제거
+            rwrThreats.innerHTML = '';
+            
+            // 적 항공기 표시
+            if (window.gameInstance.enemies) {
+                window.gameInstance.enemies.forEach((enemy, index) => {
+                    if (!enemy.mesh || !enemy.isLoaded) return;
+                    
+                    const distance = fighter.position.distanceTo(enemy.position);
+                    
+                    // 10km 이내의 적만 RWR에 표시
+                    if (distance <= 10000) {
+                        // 상대 위치 계산
+                        const relativePos = enemy.position.clone().sub(fighter.position);
+                        
+                        // 전투기의 heading을 고려한 각도 계산
+                        const angle = Math.atan2(relativePos.x, relativePos.z) - fighter.rotation.y;
+                        
+                        // RWR 상의 위치 계산 (최대 반경 90px)
+                        const maxRadius = 90;
+                        const relativeDistance = Math.min(distance / 10000, 1) * maxRadius;
+                        
+                        const x = Math.sin(angle) * relativeDistance + 100; // 중앙이 100px
+                        const y = -Math.cos(angle) * relativeDistance + 100;
+                        
+                        // 위협 심볼 생성
+                        const threat = document.createElement('div');
+                        threat.className = 'rwr-threat';
+                        
+                        // 거리에 따른 위협 레벨
+                        if (distance < 2000) {
+                            threat.classList.add('missile-lock');
+                            threat.textContent = '!';
+                        } else if (distance < 5000) {
+                            threat.textContent = '◆';
+                        } else {
+                            threat.textContent = '▲';
+                        }
+                        
+                        threat.style.left = `${x}px`;
+                        threat.style.top = `${y}px`;
+                        
+                        rwrThreats.appendChild(threat);
+                    }
+                });
+            }
+        }
+        
         // startGame 함수 정의
         window.startGame = function() {
             if (!window.gameInstance || !window.gameInstance.isLoaded || !window.gameInstance.isBGMReady) {