Update game.js

game.js

@@ -1166,6 +1166,81 @@ class Game {
             this.handleLoadingError();
         }
       }
+    checkTargetAlignment() {
+    if (!this.tank || !this.tank.isLoaded) return;
+
+    const crosshair = document.getElementById('crosshair');
+    const tankPosition = this.tank.getPosition();
+    const turretRotation = this.tank.turretRotation;
+    
+    // 조준 방향 벡터 계산
+    const aimVector = new THREE.Vector3(
+        Math.sin(turretRotation),
+        0,
+        Math.cos(turretRotation)
+    ).normalize();
+
+    let targetInSight = false;
+    let closestDistance = Infinity;
+
+    // 모든 적에 대해 검사
+    this.enemies.forEach(enemy => {
+        if (!enemy.mesh || !enemy.isLoaded) return;
+
+        // 적과의 방향 벡터 계산
+        const enemyVector = new THREE.Vector3()
+            .subVectors(enemy.mesh.position, tankPosition)
+            .normalize();
+
+        // 두 벡터 사이의 각도 계산
+        const angle = aimVector.angleTo(enemyVector);
+        
+        // 거리 계산
+        const distance = tankPosition.distanceTo(enemy.mesh.position);
+
+        // 각도가 매우 작고(거의 일직선), 적정 거리 내에 있을 때
+        if (angle < 0.1 && distance < 100) {
+            // 레이캐스트로 장애물 체크
+            const raycaster = new THREE.Raycaster(tankPosition, enemyVector);
+            const intersects = raycaster.intersectObjects(this.obstacles);
+            
+            // 장애물이 없으면 조준 가능 상태
+            if (intersects.length === 0) {
+                targetInSight = true;
+                closestDistance = Math.min(closestDistance, distance);
+            }
+        }
+    });
+
+    // 크로스헤어 상태 업데이트
+    if (targetInSight) {
+        if (!crosshair.classList.contains('target-locked')) {
+            // 목표물 조준 시 사운드 효과
+            const targetLockSound = new Audio('sounds/targetlock.ogg');
+            targetLockSound.volume = 0.3;
+            targetLockSound.play();
+            
+            // 크로스헤어 애니메이션 효과
+            crosshair.style.transform = 'scale(1.2)';
+            setTimeout(() => {
+                crosshair.style.transform = 'scale(1)';
+            }, 200);
+        }
+        
+        crosshair.classList.add('target-locked');
+        
+        // 거리에 따른 크로스헤어 크기 조절
+        const baseSize = 32; // 기본 크기
+        const size = baseSize * (1 + (100 - closestDistance) / 200);
+        crosshair.style.width = `${size}px`;
+        crosshair.style.height = `${size}px`;
+        
+    } else {
+        crosshair.classList.remove('target-locked');
+        // 기본 크기로 복귀
+        crosshair.style.width = '32px';
+        crosshair.style.height = '32px';
+    }
 
     // 레이더 업데이트 메서드 추가
     updateRadar() {