Update game.js

game.js

@@ -862,6 +862,7 @@ class Game {
         this.renderer.shadowMap.enabled = true;
         this.renderer.shadowMap.type = THREE.PCFSoftShadowMap; // 부드러운 그림자
         this.renderer.outputColorSpace = THREE.SRGBColorSpace;
+        this.enemyLabels = new Map(); // 적 라벨을 추적하기 위한 Map 추가
         document.getElementById('gameContainer').appendChild(this.renderer.domElement);
         
 
@@ -923,7 +924,7 @@ class Game {
             maxZ: mapBoundary
         };
     }
-
+    
       async initialize() {
     try {
         // BGM이 아직 재생되지 않은 경우에만 재생
@@ -1837,6 +1838,47 @@ this.enemies.forEach(enemy => {
            }
        }
    }
+  updateEnemyLabels() {
+        const labelsContainer = document.getElementById('enemyLabels');
+        
+        // 기존 라벨 모두 제거
+        labelsContainer.innerHTML = '';
+        
+        this.enemies.forEach((enemy, index) => {
+            if (!enemy.mesh || !enemy.isLoaded) return;
+
+            // 적 위치를 화면 좌표로 변환
+            const enemyPosition = enemy.mesh.position.clone();
+            enemyPosition.y += 3; // 적 머리 위에 표시하기 위해 높이 조정
+            
+            const screenPosition = enemyPosition.project(this.camera);
+            
+            // 화면에 보이는지 확인
+            if (screenPosition.z > 1) return; // 카메라 뒤에 있는 경우
+            
+            // 적과 플레이어 사이의 거리 계산
+            const distance = enemy.mesh.position.distanceTo(this.tank.getPosition());
+            
+            // 레이더 범위 내에 있는 경우에만 표시
+            if (distance <= this.radarRange) {
+                const x = (screenPosition.x + 1) / 2 * window.innerWidth;
+                const y = (-screenPosition.y + 1) / 2 * window.innerHeight;
+                
+                // 라벨 생성
+                const label = document.createElement('div');
+                label.className = 'enemy-label';
+                label.textContent = 'T-90';
+                label.style.left = `${x}px`;
+                label.style.top = `${y}px`;
+                
+                // 거리에 따른 투명도 조정
+                const opacity = Math.max(0.2, 1 - (distance / this.radarRange));
+                label.style.opacity = opacity;
+                
+                labelsContainer.appendChild(label);
+            }
+        });
+    }
 
    animate() {
        if (this.isGameOver) {
@@ -1869,7 +1911,7 @@ this.enemies.forEach(enemy => {
                    enemy.shoot(tankPosition);
                }
            });
-
+            this.updateEnemyLabels(); // 적 라벨 업데이트 추가
            this.updateParticles();
            this.checkCollisions();
            this.updateUI();