Update index.html

index.html

@@ -514,8 +514,8 @@
                 
                 <!-- 중앙 항공기 심볼 -->
                 <div class="rwr-center">
-                    <div class="rwr-aircraft-symbol">
-                        <img src="effects/symbol.png" alt="Aircraft" onerror="this.parentElement.classList.add('no-image')">
+                    <div class="rwr-aircraft-symbol" id="rwrSymbol">
+                        <!-- 이미지는 JavaScript로 로드 -->
                     </div>
                 </div>
                 
@@ -546,6 +546,51 @@
         window.addEventListener('gameReady', function() {
             console.log('Game ready - starting HUD updates');
             
+            // RWR 심볼 이미지 로드
+            const rwrSymbol = document.getElementById('rwrSymbol');
+            if (rwrSymbol) {
+                // 방법 1: img 태그로 시도
+                const img = new Image();
+                img.src = 'effects/symbol.png';
+                img.style.width = '100%';
+                img.style.height = '100%';
+                img.style.objectFit = 'contain';
+                img.style.filter = 'drop-shadow(0 0 3px #ff0000)';
+                
+                img.onload = function() {
+                    console.log('RWR symbol image loaded successfully');
+                    rwrSymbol.innerHTML = '';
+                    rwrSymbol.appendChild(img);
+                };
+                
+                img.onerror = function() {
+                    console.log('RWR symbol image failed to load, using fallback');
+                    // 이미지 로드 실패시 SVG로 대체
+                    rwrSymbol.innerHTML = `
+                        <svg width="50" height="50" viewBox="0 0 50 50" style="width: 100%; height: 100%;">
+                            <g transform="translate(25, 25)">
+                                <!-- 전투기 모양 -->
+                                <path d="M 0,-20 L -3,-15 L -3,-5 L -10,0 L -10,5 L -3,5 L -3,15 L -1,20 L 0,22 
+                                         L 1,20 L 3,15 L 3,5 L 10,5 L 10,0 L 3,-5 L 3,-15 L 0,-20 Z" 
+                                      fill="#ff0000" 
+                                      stroke="#ff3333" 
+                                      stroke-width="1"
+                                      filter="url(#glow)"/>
+                            </g>
+                            <defs>
+                                <filter id="glow">
+                                    <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
+                                    <feMerge>
+                                        <feMergeNode in="coloredBlur"/>
+                                        <feMergeNode in="SourceGraphic"/>
+                                    </feMerge>
+                                </filter>
+                            </defs>
+                        </svg>
+                    `;
+                };
+            }
+            
             // 피치 래더 초기 위치 강제 설정
             setTimeout(function() {
                 const pitchLadder = document.getElementById('pitchLadder');