Update game.js

game.js

@@ -1120,56 +1120,56 @@ class Game {
 
     // 레이더 업데이트 메서드 추가
     updateRadar() {
-        const currentTime = Date.now();
-        if (currentTime - this.lastRadarUpdate < this.radarUpdateInterval) return;
-        
-        const radar = document.getElementById('radar');
-        const radarRect = radar.getBoundingClientRect();
-        const radarCenter = {
-            x: radarRect.width / 2,
-            y: radarRect.height / 2
-        };
+    const currentTime = Date.now();
+    if (currentTime - this.lastRadarUpdate < this.radarUpdateInterval) return;
+    
+    const radar = document.getElementById('radar');
+    const radarRect = radar.getBoundingClientRect();
+    const radarCenter = {
+        x: radarRect.width / 2,
+        y: radarRect.height / 2
+    };
 
-        // 기존 적 도트 제거
-        const oldDots = radar.getElementsByClassName('enemy-dot');
-        while (oldDots[0]) {
-            oldDots[0].remove();
-        }
+    // 기존 적 도트 제거
+    const oldDots = radar.getElementsByClassName('enemy-dot');
+    while (oldDots[0]) {
+        oldDots[0].remove();
+    }
 
-        // 탱크 위치 가져오기
-        const tankPos = this.tank.getPosition();
+    // 탱크 위치 가져오기
+    const tankPos = this.tank.getPosition();
 
-        // 모든 적에 대해 레이더에 표시
-        this.enemies.forEach(enemy => {
-            if (!enemy.mesh || !enemy.isLoaded) return;
+    // 모든 적에 대해 레이더에 표시
+    this.enemies.forEach(enemy => {
+        if (!enemy.isLoaded || !enemy.body) return;
 
-            const enemyPos = enemy.mesh.position;
-            const distance = tankPos.distanceTo(enemyPos);
+        const enemyPos = enemy.body.position;
+        const distance = tankPos.distanceTo(enemyPos);
 
-            // 레이더 범위 내에 있는 경우만 표시
-            if (distance <= this.radarRange) {
-                // 탱크 기준 상대 각도 계산
-                const angle = Math.atan2(
-                    enemyPos.x - tankPos.x,
-                    enemyPos.z - tankPos.z
-                );
+        // 레이더 범위 내에 있는 경우만 표시
+        if (distance <= this.radarRange) {
+            // 탱크 기준 상대 각도 계산
+            const angle = Math.atan2(
+                enemyPos.x - tankPos.x,
+                enemyPos.z - tankPos.z
+            );
 
-                // 상대 거리를 레이더 크기에 맞게 스케일링
-                const relativeDistance = distance / this.radarRange;
-                const dotX = radarCenter.x + Math.sin(angle) * (radarCenter.x * relativeDistance);
-                const dotY = radarCenter.y + Math.cos(angle) * (radarCenter.y * relativeDistance);
-
-                // 적 도트 생성 및 추가
-                const dot = document.createElement('div');
-                dot.className = 'enemy-dot';
-                dot.style.left = `${dotX}px`;
-                dot.style.top = `${dotY}px`;
-                radar.appendChild(dot);
-            }
-        });
+            // 상대 거리를 레이더 크기에 맞게 스케일링
+            const relativeDistance = distance / this.radarRange;
+            const dotX = radarCenter.x + Math.sin(angle) * (radarCenter.x * relativeDistance);
+            const dotY = radarCenter.y + Math.cos(angle) * (radarCenter.y * relativeDistance);
+
+            // 적 도트 생성 및 추가
+            const dot = document.createElement('div');
+            dot.className = 'enemy-dot';
+            dot.style.left = `${dotX}px`;
+            dot.style.top = `${dotY}px`;
+            radar.appendChild(dot);
+        }
+    });
 
-        this.lastRadarUpdate = currentTime;
-    }
+    this.lastRadarUpdate = currentTime;
+}
 
     async addDesertDecorations() {
           if (!this.obstacles) {
@@ -1881,45 +1881,47 @@ this.enemies.forEach(enemy => {
    }
 
    animate() {
-       if (this.isGameOver) {
-           if (this.animationFrameId) {
-               cancelAnimationFrame(this.animationFrameId);
-           }
-           return;
-       }
-
-       this.animationFrameId = requestAnimationFrame(() => this.animate());
-           // 게임이 시작되지 않았으면 렌더링만 수행
-        if (!this.isStarted) {
-            this.renderer.render(this.scene, this.camera);
-            return;
+    if (this.isGameOver) {
+        if (this.animationFrameId) {
+            cancelAnimationFrame(this.animationFrameId);
         }
+        return;
+    }
 
-       const currentTime = performance.now();
-       const deltaTime = (currentTime - this.lastTime) / 1000;
-       this.lastTime = currentTime;
+    this.animationFrameId = requestAnimationFrame(() => this.animate());
+    // 게임이 시작되지 않았으면 렌더링만 수행
+    if (!this.isStarted) {
+        this.renderer.render(this.scene, this.camera);
+        return;
+    }
 
-       if (!this.isLoading) {
-           this.handleMovement();
-           this.tank.update(this.mouse.x, this.mouse.y, this.scene);
-           
-           const tankPosition = this.tank.getPosition();
-           this.enemies.forEach(enemy => {
-               enemy.update(tankPosition);
-               
-               if (enemy.isLoaded && enemy.mesh.position.distanceTo(tankPosition) < ENEMY_CONFIG.ATTACK_RANGE) {
-                   enemy.shoot(tankPosition);
-               }
-           });
+    const currentTime = performance.now();
+    const deltaTime = (currentTime - this.lastTime) / 1000;
+    this.lastTime = currentTime;
 
-           this.updateParticles();
-           this.checkCollisions();
-           this.updateUI();
-           this.updateRadar(); // 레이더 업데이트 추가
-       }
-       
-       this.renderer.render(this.scene, this.camera);
-   }
+    if (!this.isLoading) {
+        this.handleMovement();
+        this.tank.update(this.mouse.x, this.mouse.y, this.scene);
+        
+        const tankPosition = this.tank.getPosition();
+        this.enemies.forEach(enemy => {
+            if (enemy && enemy.isLoaded && enemy.body) {  // body 존재 여부 확인
+                enemy.update(tankPosition);
+                
+                const distanceToPlayer = enemy.body.position.distanceTo(tankPosition);
+                if (distanceToPlayer < ENEMY_CONFIG.ATTACK_RANGE) {
+                    enemy.shoot(tankPosition);
+                }
+            }
+        });
+
+        this.updateParticles();
+        this.checkCollisions();
+        this.updateUI();
+        this.updateRadar();
+    }
+    
+    this.renderer.render(this.scene, this.camera);
 }
 
 // Start game