Update game.js

game.js

@@ -798,6 +798,7 @@ class Game {
 
         this.setupEventListeners();
         this.initialize();
+        this.obstacles = []; // obstacles 배열 추가
     }
 
       async initialize() {
@@ -809,55 +810,57 @@ class Game {
         startAudio.volume = 0.5;
         startAudio.play();
 
-        // 렌더러 설정 개선
+        // 렌더러 설정
         this.renderer.shadowMap.enabled = true;
         this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;
         this.renderer.outputEncoding = THREE.sRGBEncoding;
 
+        // 기본 씬 설정
+        this.setupScene();
+        
         // 안개 효과
         this.scene.fog = new THREE.FogExp2(0x87CEEB, 0.0008);
         this.scene.background = new THREE.Color(0x87CEEB);
 
-        // 주변광 설정
+        // 조명 설정
+        // 주변광
         const ambientLight = new THREE.AmbientLight(0xffffff, 0.4);
         this.scene.add(ambientLight);
 
-        // 메인 태양광 설정
+        // 메인 태양광
         const mainLight = new THREE.DirectionalLight(0xffffff, 1.0);
         mainLight.position.set(MAP_SIZE/2, MAP_SIZE/2, MAP_SIZE/2);
         mainLight.castShadow = true;
 
-        // 그림자 품질 향상
-        mainLight.shadow.mapSize.width = 4096;  // 그림자 해상도 증가
+        // 그림자 설정
+        mainLight.shadow.mapSize.width = 4096;
         mainLight.shadow.mapSize.height = 4096;
         mainLight.shadow.camera.near = 0.5;
-        mainLight.shadow.camera.far = MAP_SIZE * 2;  // 그림자 거리 증가
-        mainLight.shadow.camera.left = -MAP_SIZE;    // 그림자 영역 확장
+        mainLight.shadow.camera.far = MAP_SIZE * 2;
+        mainLight.shadow.camera.left = -MAP_SIZE;
         mainLight.shadow.camera.right = MAP_SIZE;
         mainLight.shadow.camera.top = MAP_SIZE;
         mainLight.shadow.camera.bottom = -MAP_SIZE;
         mainLight.shadow.bias = -0.001;
         mainLight.shadow.radius = 2;
-        mainLight.shadow.normalBias = 0.02;     // 그림자 아티팩트 감소
+        mainLight.shadow.normalBias = 0.02;
 
         this.scene.add(mainLight);
 
-        // 보조 태양광 추가
+        // 보조 태양광
         const secondaryLight = new THREE.DirectionalLight(0xffffff, 0.3);
         secondaryLight.position.set(-50, 50, -50);
         this.scene.add(secondaryLight);
 
-        // 환경광 추가
+        // 환경광
         const hemisphereLight = new THREE.HemisphereLight(
-            0x87CEEB,  // 하늘색
-            0xFFE87C,  // 따뜻한 노란색
+            0x87CEEB,
+            0xFFE87C,
             0.3
         );
         this.scene.add(hemisphereLight);
-
-        // 지형 생성 수정
-        // 지형 생성 수정
-const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE);
+// 지형 생성
+const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 100, 100);
 const groundMaterial = new THREE.MeshStandardMaterial({
     color: 0xD2B48C,
     roughness: 0.8,
@@ -869,79 +872,78 @@ const ground = new THREE.Mesh(groundGeometry, groundMaterial);
 ground.rotation.x = -Math.PI / 2;
 ground.receiveShadow = true;
 
-// 모든 정점의 높이를 0으로 설정
+// 지형 높이 설정
 const vertices = ground.geometry.attributes.position.array;
 for (let i = 0; i < vertices.length; i += 3) {
-    vertices[i + 2] = 0;
+    vertices[i + 2] = 0;  // 모든 높이를 0으로 설정
 }
 
 ground.geometry.attributes.position.needsUpdate = true;
 ground.geometry.computeVertexNormals();
 this.ground = ground;
 this.scene.add(ground);
-      const flatlandRadius = MAP_SIZE / 2;
 
-        // 격자 효과
-        const gridHelper = new THREE.GridHelper(flatlandRadius * 2, 50, 0x000000, 0x000000);
-        gridHelper.material.opacity = 0.1;
-        gridHelper.material.transparent = true;
-        gridHelper.position.y = 0.1;
-        this.scene.add(gridHelper);
+// 격자 효과 추가
+const gridHelper = new THREE.GridHelper(MAP_SIZE, 50, 0x000000, 0x000000);
+gridHelper.material.opacity = 0.1;
+gridHelper.material.transparent = true;
+gridHelper.position.y = 0.1;
+this.scene.add(gridHelper);
 
-        // 사막 장식 추가
-        await this.addDesertDecorations();
-        
-        // 탱크 초기화
-        await this.tank.initialize(this.scene, this.loader);
-        if (!this.tank.isLoaded) {
-            throw new Error('Tank loading failed');
-        }
+// 사막 장식 추가
+await this.addDesertDecorations();
 
-        // 스폰 위치 검증 및 재시작 로직
-        const spawnPos = this.findValidSpawnPosition();
-        const heightAtSpawn = this.getHeightAtPosition(spawnPos.x, spawnPos.z);
-        const slopeCheckPoints = [
-            { x: spawnPos.x + 2, z: spawnPos.z },
-            { x: spawnPos.x - 2, z: spawnPos.z },
-            { x: spawnPos.x, z: spawnPos.z + 2 },
-            { x: spawnPos.x, z: spawnPos.z - 2 }
-        ];
-
-        const slopes = slopeCheckPoints.map(point => {
-            const pointHeight = this.getHeightAtPosition(point.x, point.z);
-            return Math.abs(pointHeight - heightAtSpawn) / 2;
-        });
+// 탱크 초기화
+await this.tank.initialize(this.scene, this.loader);
+if (!this.tank.isLoaded) {
+    throw new Error('Tank loading failed');
+}
 
-        const maxSlope = Math.max(...slopes);
-        if (maxSlope > 0.3) {
-            location.reload();
-            return;
-        }
+// 스폰 위치 검증
+const spawnPos = this.findValidSpawnPosition();
+const heightAtSpawn = this.getHeightAtPosition(spawnPos.x, spawnPos.z);
+const slopeCheckPoints = [
+    { x: spawnPos.x + 2, z: spawnPos.z },
+    { x: spawnPos.x - 2, z: spawnPos.z },
+    { x: spawnPos.x, z: spawnPos.z + 2 },
+    { x: spawnPos.x, z: spawnPos.z - 2 }
+];
+
+const slopes = slopeCheckPoints.map(point => {
+    const pointHeight = this.getHeightAtPosition(point.x, point.z);
+    return Math.abs(pointHeight - heightAtSpawn) / 2;
+});
 
-        // 카메라 초기 위치 설정
-        const tankPosition = this.tank.getPosition();
-        this.camera.position.set(
-            tankPosition.x,
-            tankPosition.y + 15,
-            tankPosition.z - 30
-        );
-        this.camera.lookAt(tankPosition);
-        
-        // 로딩 완료
-        this.isLoading = false;
-        document.getElementById('loading').style.display = 'none';
-        
-        // 게임 시작
-        this.animate();
-        this.spawnEnemies();
-        this.startGameTimer();
+const maxSlope = Math.max(...slopes);
+if (maxSlope > 0.3) {
+    location.reload();
+    return;
+}
 
-    } catch (error) {
-        console.error('Game initialization error:', error);
-        this.handleLoadingError();
-    }
+// 카메라 초기 설정
+const tankPosition = this.tank.getPosition();
+this.camera.position.set(
+    tankPosition.x,
+    tankPosition.y + 15,
+    tankPosition.z - 30
+);
+this.camera.lookAt(tankPosition);
+
+// 로딩 완료 처리
+this.isLoading = false;
+document.getElementById('loading').style.display = 'none';
+
+// 게임 시작
+this.animate();
+this.spawnEnemies();
+this.startGameTimer();
+
+} catch (error) {
+    console.error('Game initialization error:', error);
+    this.handleLoadingError();
 }
 
+
     // 레이더 업데이트 메서드 추가
     updateRadar() {
         const currentTime = Date.now();