Update game.js

game.js

@@ -1717,42 +1717,29 @@ class Game {
 
    checkCollisions() {
     if (this.isLoading || !this.tank.isLoaded) return;
-
-    // 명중 사운드와 피격 사운드 배열 정의
+     
+    // 명중 사운드 배열 정의
     const hitSounds = [
         'sounds/hit1.ogg', 'sounds/hit2.ogg', 'sounds/hit3.ogg',
         'sounds/hit4.ogg', 'sounds/hit5.ogg', 'sounds/hit6.ogg', 'sounds/hit7.ogg'
     ];
+    
+    // 피격 사운드 배열 정의
     const beatSounds = ['sounds/beat1.ogg', 'sounds/beat2.ogg', 'sounds/beat3.ogg'];
 
-    // 플레이어 탱크의 바운딩 박스 생성
     const tankPosition = this.tank.getPosition();
     const tankBoundingBox = new THREE.Box3().setFromObject(this.tank.body);
-    tankBoundingBox.expandByScalar(1); // 충돌 여유 공간
-
-    // 1. 탱크와 적 탱크 간의 충돌 체크
-    this.enemies.forEach(enemy => {
-        if (!enemy.mesh || !enemy.isLoaded) return;
-        
-        const enemyBoundingBox = new THREE.Box3().setFromObject(enemy.mesh);
-        enemyBoundingBox.expandByScalar(1);
 
-        if (tankBoundingBox.intersectsBox(enemyBoundingBox)) {
-            this.tank.body.position.copy(this.previousTankPosition);
-        }
-    });
-
-    // 2. 탱크와 장애물 충돌 체크
+    // 탱크와 장애물 충돌 체크 (개선)
     this.obstacles.forEach(obstacle => {
-        if (obstacle.userData.isCollidable) {
-            const obstacleBoundingBox = new THREE.Box3().setFromObject(obstacle);
-            if (tankBoundingBox.intersectsBox(obstacleBoundingBox)) {
-                this.tank.body.position.copy(this.previousTankPosition);
-            }
+    if (obstacle.userData.isCollidable) { // 충돌 가능한 객체만 검사
+        const obstacleBoundingBox = new THREE.Box3().setFromObject(obstacle);
+        if (tankBoundingBox.intersectsBox(obstacleBoundingBox)) {
+            this.tank.body.position.copy(this.previousTankPosition);
         }
-    });
-
-    // 3. 적 탱크와 장애물 충돌 체크
+    }
+});
+        // 적 탱크와 장애물 충돌 체크 (추가)
     this.enemies.forEach(enemy => {
         if (!enemy.mesh || !enemy.isLoaded) return;
         
@@ -1760,97 +1747,128 @@ class Game {
         const enemyPreviousPosition = enemy.mesh.position.clone();
         
         this.obstacles.forEach(obstacle => {
-            if (obstacle.userData.isCollidable) {
-                const obstacleBoundingBox = new THREE.Box3().setFromObject(obstacle);
-                if (enemyBoundingBox.intersectsBox(obstacleBoundingBox)) {
-                    enemy.mesh.position.copy(enemyPreviousPosition);
-                }
+            const obstacleBoundingBox = new THREE.Box3().setFromObject(obstacle);
+            if (enemyBoundingBox.intersectsBox(obstacleBoundingBox)) {
+                enemy.mesh.position.copy(enemyPreviousPosition);
             }
         });
     });
 
-    // 4. 적 총알과 플레이어 탱크 충돌 체크
+    // 적 총알과 플레이어 탱크 충돌 체크
     this.enemies.forEach(enemy => {
         if (!enemy.mesh || !enemy.isLoaded) return;
 
         enemy.bullets.forEach((bullet, bulletIndex) => {
-            const bulletBox = new THREE.Box3().setFromObject(bullet);
-            const prevPosition = bullet.position.clone().sub(bullet.velocity);
-            
-            const raycaster = new THREE.Raycaster();
-            raycaster.set(prevPosition, bullet.velocity.clone().normalize());
-            
-            const intersects = raycaster.intersectObject(this.tank.body, true);
-            
-            if (intersects.length > 0 || tankBoundingBox.intersectsBox(bulletBox)) {
-                // 피격 사운드 재생
+            const distance = bullet.position.distanceTo(tankPosition);
+            if (distance < 1) {
+                // 플레이어 피격 사운드 재생
                 const randomBeatSound = beatSounds[Math.floor(Math.random() * beatSounds.length)];
-                new Audio(randomBeatSound).play();
+                const beatAudio = new Audio(randomBeatSound);
+                beatAudio.play();
 
-                // 데미지 처리
                 if (this.tank.takeDamage(250)) {
                     this.endGame();
                 }
-                
-                // 폭발 효과 및 총알 제거
-                this.tank.createExplosionEffect(this.scene, bullet.position);
                 this.scene.remove(bullet);
-                enemy.bullets.splice(bulletIndex, 1);
+                enemy.bullets.splice(bulletIndex, 1); // filter 대신 splice 사용
                 
-                // 체력바 업데이트
+                this.createExplosion(bullet.position);
                 document.getElementById('health').style.width = 
                     `${(this.tank.health / MAX_HEALTH) * 100}%`;
             }
         });
     });
 
-    // 5. 플레이어 포탄과 장애물 충돌 체크
-    for (let i = this.tank.bullets.length - 1; i >= 0; i--) {
-        const bullet = this.tank.bullets[i];
-        const bulletBox = new THREE.Box3().setFromObject(bullet);
+    // 플레이어 포탄
+    // 포탄과 장애물 충돌 체크
+for (let i = this.tank.bullets.length - 1; i >= 0; i--) {
+    const bullet = this.tank.bullets[i];
+    const bulletBox = new THREE.Box3().setFromObject(bullet);
 
-        for (const obstacle of this.obstacles) {
-            if (obstacle.userData.isCollidable) {
-                const obstacleBox = new THREE.Box3().setFromObject(obstacle);
-                if (bulletBox.intersectsBox(obstacleBox)) {
-                    this.tank.createExplosionEffect(this.scene, bullet.position);
-                    this.scene.remove(bullet);
-                    this.tank.bullets.splice(i, 1);
-                    break;
-                }
+    for (const obstacle of this.obstacles) {
+        if (obstacle.userData.isCollidable) { // 충돌 가능한 객체만 검사
+            const obstacleBox = new THREE.Box3().setFromObject(obstacle);
+            if (bulletBox.intersectsBox(obstacleBox)) {
+                // 폭발 이펙트 생성
+                this.tank.createExplosionEffect(this.scene, bullet.position);
+                
+                // 포탄 제거
+                this.scene.remove(bullet);
+                this.tank.bullets.splice(i, 1);
+                break;
             }
         }
     }
+}
+
+    // 적 탱크와 장애물 충돌 체크
+this.enemies.forEach(enemy => {
+    if (!enemy.mesh || !enemy.isLoaded) return;
 
-    // 6. 플레이어 총알과 적 충돌 체크
+    enemy.bullets.forEach((bullet, bulletIndex) => {
+        const distance = bullet.position.distanceTo(tankPosition);
+        if (distance < 1) {
+            // 피격 사운드 재생
+            const randomBeatSound = beatSounds[Math.floor(Math.random() * beatSounds.length)];
+            const beatAudio = new Audio(randomBeatSound);
+            beatAudio.play();
+
+            if (this.tank.takeDamage(250)) {
+                this.endGame();
+            }
+            
+            // 기존의 createExplosion 대신 createExplosionEffect 사용
+            this.tank.createExplosionEffect(this.scene, bullet.position);
+            
+            this.scene.remove(bullet);
+            enemy.bullets.splice(bulletIndex, 1);
+            
+            document.getElementById('health').style.width = 
+                `${(this.tank.health / MAX_HEALTH) * 100}%`;
+        }
+    });
+});
+
+
+    // 플레이어 총알과 적 충돌 체크
     for (let i = this.tank.bullets.length - 1; i >= 0; i--) {
-        const bullet = this.tank.bullets[i];
-        for (let j = this.enemies.length - 1; j >= 0; j--) {
-            const enemy = this.enemies[j];
-            if (!enemy.mesh || !enemy.isLoaded) continue;
-
-            const distance = bullet.position.distanceTo(enemy.mesh.position);
-            if (distance < 2) {
-                // 명중 사운드 재생
-                const randomHitSound = hitSounds[Math.floor(Math.random() * hitSounds.length)];
-                new Audio(randomHitSound).play();
-
-                // 적 탱크 데미지 처리
-                if (enemy.takeDamage(50)) {
-                    enemy.destroy();
-                    this.enemies.splice(j, 1);
-                    this.score += 100;
-                    document.getElementById('score').textContent = `Score: ${this.score}`;
-                }
-                
-                // 폭발 효과 및 총알 제거
-                this.tank.createExplosionEffect(this.scene, bullet.position);
-                this.scene.remove(bullet);
-                this.tank.bullets.splice(i, 1);
-                break;
+    const bullet = this.tank.bullets[i];
+    for (let j = this.enemies.length - 1; j >= 0; j--) {
+        const enemy = this.enemies[j];
+        if (!enemy.mesh || !enemy.isLoaded) continue;
+
+        const distance = bullet.position.distanceTo(enemy.mesh.position);
+        if (distance < 2) {
+            const randomHitSound = hitSounds[Math.floor(Math.random() * hitSounds.length)];
+            const hitAudio = new Audio(randomHitSound);
+            hitAudio.play();
+
+            if (enemy.takeDamage(50)) {
+                enemy.destroy();
+                this.enemies.splice(j, 1);
+                this.score += 100;
+                document.getElementById('score').textContent = `Score: ${this.score}`;
             }
+            
+            // 여기도 동일하게 수정
+            this.tank.createExplosionEffect(this.scene, bullet.position);
+            
+            this.scene.remove(bullet);
+            this.tank.bullets.splice(i, 1);
+            break;
         }
     }
+}
+
+    // 플레이어 탱크와 적 전차 충돌 체크
+    this.enemies.forEach(enemy => {
+        if (!enemy.mesh || !enemy.isLoaded) return;
+        
+        const enemyBoundingBox = new THREE.Box3().setFromObject(enemy.mesh);
+        if (tankBoundingBox.intersectsBox(enemyBoundingBox)) {
+            this.tank.body.position.copy(this.previousTankPosition);
+        }
+    });
 
     // 이전 위치 저장
     this.previousTankPosition.copy(this.tank.body.position);
@@ -1927,19 +1945,23 @@ class Game {
    }
     // 크로스헤어 업데이트 메서드 추가
 updateCrosshair() {
-    // 화면 중앙 좌표를 사용하는 레이캐스터 생성
-    this.raycaster.setFromCamera(new THREE.Vector2(0, 0), 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');