Update game.js

game.js

@@ -1945,18 +1945,23 @@ this.enemies.forEach(enemy => {
    }
     // 크로스헤어 업데이트 메서드 추가
 updateCrosshair() {
-    this.raycaster.setFromCamera(new THREE.Vector2(), this.camera);
+    // 화면 중앙에서 약간의 여유를 두고 레이캐스팅
+    const raycasterDirection = new THREE.Vector2();
+    this.raycaster.setFromCamera(raycasterDirection, this.camera);
     
-    // 적 전차들의 메시만 포함하는 배열 생성
-    const enemyMeshes = this.enemies
-        .filter(enemy => enemy.mesh && enemy.isLoaded)
-        .map(enemy => enemy.mesh);
-    
-    // 적 전차에 대해서만 레이캐스트 수행
-    const intersects = this.raycaster.intersectObjects(enemyMeshes, true);
+    // 적 전차의 바운딩 박스도 포함하여 검사
+    const detectEnemy = this.enemies.some(enemy => {
+        if (!enemy.mesh || !enemy.isLoaded) return false;
+        
+        // 적 전차의 바운딩 박스 생성
+        const boundingBox = new THREE.Box3().setFromObject(enemy.mesh);
+        const intersects = this.raycaster.ray.intersectsBox(boundingBox);
+        
+        // 바운딩 박스와의 교차 여부로 판단
+        return intersects;
+    });
     
-    // 교차점이 있으면 크로스헤어 색상 변경
-    if (intersects.length > 0) {
+    if (detectEnemy) {
         this.crosshair.classList.add('target-detected');
     } else {
         this.crosshair.classList.remove('target-detected');