Update game.js

game.js

@@ -1043,13 +1043,13 @@ class Game {
         // 기본 씬 설정
         this.setupScene();
         
-        // 안개 효과
-        this.scene.fog = new THREE.FogExp2(0x87CEEB, 0.0008);
-        this.scene.background = new THREE.Color(0x87CEEB);
+        // 안개 효과 (도시 환경에 맞게 조정)
+        this.scene.fog = new THREE.FogExp2(0x888888, 0.002);
+        this.scene.background = new THREE.Color(0x888888);
 
         // 조명 설정
         // 주변광
-        const ambientLight = new THREE.AmbientLight(0xffffff, 0.4);
+        const ambientLight = new THREE.AmbientLight(0xffffff, 0.6); // 도시 환경을 위해 밝기 증가
         this.scene.add(ambientLight);
 
         // 메인 태양광
@@ -1072,52 +1072,31 @@ class Game {
 
         this.scene.add(mainLight);
 
-        // 보조 태양광
-        const secondaryLight = new THREE.DirectionalLight(0xffffff, 0.3);
+        // 보조 조명 (도시 환경에 맞게 조정)
+        const secondaryLight = new THREE.DirectionalLight(0xffffff, 0.5);
         secondaryLight.position.set(-50, 50, -50);
         this.scene.add(secondaryLight);
 
-        // 환경광
-        const hemisphereLight = new THREE.HemisphereLight(
-            0x87CEEB,
-            0xFFE87C,
-            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으로 설정
+        // 도시 맵 로드
+        try {
+            const cityMap = await this.loader.loadAsync('/models/map.glb');
+            cityMap.scene.traverse((child) => {
+                if (child.isMesh) {
+                    child.castShadow = true;
+                    child.receiveShadow = true;
+                    child.material.needsUpdate = true;
+                    
+                    // 충돌 처리를 위해 obstacles 배열에 추가
+                    if (child.geometry) {
+                        this.obstacles.push(child);
+                    }
+                }
+            });
+            this.scene.add(cityMap.scene);
+        } catch (error) {
+            console.error('Error loading city map:', error);
         }
-        
-        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) {
@@ -1163,11 +1142,11 @@ class Game {
         this.spawnEnemies();
         this.startGameTimer();
         
-        } catch (error) {
-            console.error('Game initialization error:', error);
-            this.handleLoadingError();
-        }
-      }
+    } catch (error) {
+        console.error('Game initialization error:', error);
+        this.handleLoadingError();
+    }
+}
 
     // 레이더 업데이트 메서드 추가
     updateRadar() {