Update game.js

game.js

@@ -2549,6 +2549,9 @@ updateCrosshair() {
     const raycasterDirection = new THREE.Vector2();
     this.raycaster.setFromCamera(raycasterDirection, this.camera);
     
+    // detected 요소 가져오기
+    const detectedText = document.getElementById('detected');
+    
     // 적 전차의 바운딩 박스도 포함하여 검사
     const detectEnemy = this.enemies.some(enemy => {
         if (!enemy.mesh || !enemy.isLoaded) return false;
@@ -2556,15 +2559,20 @@ updateCrosshair() {
         // 적 전차의 바운딩 박스 생성
         const boundingBox = new THREE.Box3().setFromObject(enemy.mesh);
         const intersects = this.raycaster.ray.intersectsBox(boundingBox);
+
+        // 공격 범위 내에 있는지 확인
+        const inRange = enemy.mesh.position.distanceTo(this.tank.getPosition()) <= ENEMY_CONFIG.ATTACK_RANGE;
         
-        // 바운딩 박스와의 교차 여부로 판단
-        return intersects;
+        // 바운딩 박스와의 교차 여부와 공격 범위 내 여부를 모두 확인
+        return intersects && inRange;
     });
     
     if (detectEnemy) {
         this.crosshair.classList.add('target-detected');
+        detectedText.style.display = 'block'; // DETECTED 텍스트 표시
     } else {
         this.crosshair.classList.remove('target-detected');
+        detectedText.style.display = 'none'; // DETECTED 텍스트 숨기기
     }
 }
   updateEnemyLabels() {