Update game.js

game.js

@@ -884,90 +884,90 @@ class Game {
             0.3
         );
         this.scene.add(hemisphereLight);
-// 지형 생성
-const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 100, 100);
-const groundMaterial = new THREE.MeshStandardMaterial({
-    color: 0xD2B48C,
-    roughness: 0.8,
-    metalness: 0.2,
-    envMapIntensity: 1.0
-});
-
-const ground = new THREE.Mesh(groundGeometry, groundMaterial);
-ground.rotation.x = -Math.PI / 2;
-ground.receiveShadow = true;
-
-// 지형 높이 설정
-const vertices = ground.geometry.attributes.position.array;
-for (let i = 0; i < vertices.length; i += 3) {
-    vertices[i + 2] = 0;  // 모든 높이를 0으로 설정
-}
-
-ground.geometry.attributes.position.needsUpdate = true;
-ground.geometry.computeVertexNormals();
-this.ground = ground;
-this.scene.add(ground);
-
-// 격자 효과 추가
-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');
-}
-
-// 스폰 위치 검증
-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 maxSlope = Math.max(...slopes);
-if (maxSlope > 0.3) {
-    location.reload();
-    return;
-}
-
-// 카메라 초기 설정
-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();
-}
-
+        // 지형 생성
+        const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 100, 100);
+        const groundMaterial = new THREE.MeshStandardMaterial({
+            color: 0xD2B48C,
+            roughness: 0.8,
+            metalness: 0.2,
+            envMapIntensity: 1.0
+        });
+        
+        const ground = new THREE.Mesh(groundGeometry, groundMaterial);
+        ground.rotation.x = -Math.PI / 2;
+        ground.receiveShadow = true;
+        
+        // 지형 높이 설정
+        const vertices = ground.geometry.attributes.position.array;
+        for (let i = 0; i < vertices.length; i += 3) {
+            vertices[i + 2] = 0;  // 모든 높이를 0으로 설정
+        }
+        
+        ground.geometry.attributes.position.needsUpdate = true;
+        ground.geometry.computeVertexNormals();
+        this.ground = ground;
+        this.scene.add(ground);
+        
+        // 격자 효과 추가
+        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');
+        }
+        
+        // 스폰 위치 검증
+        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 maxSlope = Math.max(...slopes);
+        if (maxSlope > 0.3) {
+            location.reload();
+            return;
+        }
+        
+        // 카메라 초기 설정
+        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() {