Update game.js

game.js

@@ -327,8 +327,50 @@ class Game {
         // 이벤트 리스너 설정
         this.setupEventListeners();
         this.initialize();
+        this.disposedObjects = new Set(); // 제거된 객체 추적
     }
 
+        // 리소스 정리를 위한 메서드 추가
+    dispose(object) {
+        if (this.disposedObjects.has(object)) return;
+        
+        if (object.geometry) object.geometry.dispose();
+        if (object.material) {
+            if (Array.isArray(object.material)) {
+                object.material.forEach(material => material.dispose());
+            } else {
+                object.material.dispose();
+            }
+        }
+        if (object.parent) object.parent.remove(object);
+        this.disposedObjects.add(object);
+    }
+    // 총알 제거 시 리소스 정리
+    cleanupBullets() {
+        // 플레이어 총알 정리
+        for (let i = this.tank.bullets.length - 1; i >= 0; i--) {
+            const bullet = this.tank.bullets[i];
+            if (Math.abs(bullet.position.x) > MAP_SIZE/2 || 
+                Math.abs(bullet.position.z) > MAP_SIZE/2) {
+                this.dispose(bullet);
+                this.tank.bullets.splice(i, 1);
+            }
+        }
+      // 적 총알 정리
+        this.enemies.forEach(enemy => {
+            for (let i = enemy.bullets.length - 1; i >= 0; i--) {
+                const bullet = enemy.bullets[i];
+                if (Math.abs(bullet.position.x) > MAP_SIZE/2 || 
+                    Math.abs(bullet.position.z) > MAP_SIZE/2) {
+                    this.dispose(bullet);
+                    enemy.bullets.splice(i, 1);
+                }
+            }
+        });
+    }
+}
+      
+
     async initialize() {
    try {
        // 조명 설정
@@ -587,22 +629,30 @@ createBuildings() {
         }
     }
 
-    spawnEnemies() {
-        const spawnEnemy = () => {
-            if (this.enemies.length < ENEMY_COUNT_MAX && !this.isGameOver) {
-                const position = this.getValidEnemySpawnPosition();
-                if (position) {
-                    const type = Math.random() < 0.7 ? 'tank' : 'heavy';
-                    const enemy = new Enemy(this.scene, position, type);
-                    enemy.initialize(this.loader);
-                    this.enemies.push(enemy);
-                }
+   spawnEnemies() {
+    let spawnTimeout;
+    
+    const spawnEnemy = () => {
+        if (this.isGameOver) {
+            clearTimeout(spawnTimeout);
+            return;
+        }
+
+        if (this.enemies.length < ENEMY_COUNT_MAX) {
+            const position = this.getValidEnemySpawnPosition();
+            if (position) {
+                const type = Math.random() < 0.7 ? 'tank' : 'heavy';
+                const enemy = new Enemy(this.scene, position, type);
+                enemy.initialize(this.loader).catch(console.error);
+                this.enemies.push(enemy);
             }
-            setTimeout(spawnEnemy, 3000);
-        };
+        }
         
-        spawnEnemy();
-    }
+        spawnTimeout = setTimeout(spawnEnemy, 3000);
+    };
+    
+    spawnEnemy();
+}
 
     getValidEnemySpawnPosition() {
         const margin = 20;
@@ -666,41 +716,47 @@ createBuildings() {
     }
 
     checkCollisions() {
-        if (this.isLoading || !this.tank.isLoaded) return;
+    if (this.isLoading || !this.tank.isLoaded) return;
 
-        const tankPosition = this.tank.getPosition();
+    const tankPosition = this.tank.getPosition();
+    const tankBoundingBox = new THREE.Box3().setFromObject(this.tank.body);
 
-        this.enemies.forEach(enemy => {
-            if (!enemy.mesh || !enemy.isLoaded) return;
-
-            enemy.bullets.forEach(bullet => {
-                const distance = bullet.position.distanceTo(tankPosition);
-                if (distance < 1) {
-                    if (this.tank.takeDamage(10)) {
-                        this.endGame();
-                    }
-                    this.scene.remove(bullet);
-                    enemy.bullets = enemy.bullets.filter(b => b !== bullet);
-                    
-                    this.createExplosion(bullet.position);
-                    document.getElementById('health').style.width = 
-                        `${(this.tank.health / MAX_HEALTH) * 100}%`;
-                }
-            });
-        });
+    // 적 총알과의 충돌 검사를 최적화
+    for (const enemy of this.enemies) {
+        if (!enemy.mesh || !enemy.isLoaded) continue;
 
-        const tankBoundingBox = new THREE.Box3().setFromObject(this.tank.body);
-        for (const building of this.buildings) {
-            const buildingBox = new THREE.Box3().setFromObject(building);
-            if (tankBoundingBox.intersectsBox(buildingBox)) {
-                this.tank.body.position.copy(this.previousTankPosition);
-                break;
+        for (let i = enemy.bullets.length - 1; i >= 0; i--) {
+            const bullet = enemy.bullets[i];
+            const distance = bullet.position.distanceTo(tankPosition);
+            
+            if (distance > 50) continue; // 먼 ��알은 검사 스킵
+            
+            if (distance < 1) {
+                if (this.tank.takeDamage(10)) {
+                    this.endGame();
+                    return;
+                }
+                this.dispose(bullet);
+                enemy.bullets.splice(i, 1);
+                this.createExplosion(bullet.position);
+                document.getElementById('health').style.width = 
+                    `${(this.tank.health / MAX_HEALTH) * 100}%`;
             }
         }
-        
-        this.previousTankPosition = this.tank.body.position.clone();
     }
 
+    // 건물과의 충돌 검사 최적화
+    for (const building of this.buildings) {
+        const buildingBox = new THREE.Box3().setFromObject(building);
+        if (tankBoundingBox.intersectsBox(buildingBox)) {
+            this.tank.body.position.copy(this.previousTankPosition);
+            break;
+        }
+    }
+    
+    this.previousTankPosition = this.tank.body.position.clone();
+}
+
     endGame() {
         this.isGameOver = true;
         const gameOverDiv = document.createElement('div');
@@ -728,36 +784,46 @@ createBuildings() {
     }
 
     animate() {
-        if (this.isGameOver) return;
+    if (this.isGameOver) return;
 
-        requestAnimationFrame(() => this.animate());
+    requestAnimationFrame(() => this.animate());
 
-        const currentTime = performance.now();
-        const deltaTime = (currentTime - this.lastTime) / 1000;
-        this.lastTime = currentTime;
+    const currentTime = performance.now();
+    const deltaTime = (currentTime - this.lastTime) / 1000;
+    this.lastTime = currentTime;
 
-        if (this.isLoading) {
-            this.renderer.render(this.scene, this.camera);
-            return;
-        }
+    if (this.isLoading) {
+        this.renderer.render(this.scene, this.camera);
+        return;
+    }
 
-        this.handleMovement();
-        this.tank.update(this.mouse.x, this.mouse.y);
+    // 프레임 제한 (60fps)
+    if (deltaTime < 1/60) return;
+
+    this.handleMovement();
+    this.tank.update(this.mouse.x, this.mouse.y);
+    
+    const tankPosition = this.tank.getPosition();
+    
+    // 화면에 보이는 적만 업데이트
+    this.enemies.forEach(enemy => {
+        if (!enemy.mesh || !enemy.isLoaded) return;
         
-        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 distance = enemy.mesh.position.distanceTo(tankPosition);
+        if (distance > 200) return; // 먼 적은 업데이트 스킵
+        
+        enemy.update(tankPosition);
+        if (distance < ENEMY_CONFIG.ATTACK_RANGE) {
+            enemy.shoot(tankPosition);
+        }
+    });
 
-        this.updateParticles();
-        this.checkCollisions();
-        this.updateUI();
-        this.renderer.render(this.scene, this.camera);
-    }
+    this.updateParticles();
+    this.checkCollisions();
+    this.cleanupBullets();
+    this.updateUI();
+    this.renderer.render(this.scene, this.camera);
+}
 
     updateUI() {
         const healthBar = document.getElementById('health');