Update game.js

game.js

@@ -577,59 +577,47 @@ class Game {
         const ground = new THREE.Mesh(groundGeometry, groundMaterial);
         ground.rotation.x = -Math.PI / 2;
         ground.receiveShadow = true;
-        
-        // 격자 효과를 위한 라인 추가
-        const gridSize = 50; // 격자 크기
-        const gridHelper = new THREE.GridHelper(MAP_SIZE, gridSize, 0x000000, 0x000000);
-        gridHelper.material.opacity = 0.1;
-        gridHelper.material.transparent = true;
-        gridHelper.position.y = 0.1; // 지면보다 약간 위에 배치
-        this.scene.add(gridHelper);
-        
-        // 등고선 효과를 위한 지형 컨투어
-        const contourLines = new THREE.LineSegments(
-            new THREE.EdgesGeometry(groundGeometry),
-            new THREE.LineBasicMaterial({ 
-                color: 0x000000, 
-                opacity: 0.15, 
-                transparent: true 
-            })
-        );
-        contourLines.rotation.x = -Math.PI / 2;
-        contourLines.position.y = 0.1;
-        this.scene.add(contourLines);
 
-        // 더 다양한 지형 생성
+        // 지형 높이 설정
         const vertices = ground.geometry.attributes.position.array;
-        const heightScale = 15; // 높이 스케일
-        const baseFrequency = 0.008; // 기본 주파수
+        const heightScale = 15;
+        const baseFrequency = 0.008;
         
+        // 평지 영역 정의
+        const flatlandRadius = MAP_SIZE * 0.3; // 평지 영역의 반경
+        const transitionZone = MAP_SIZE * 0.1; // 평지와 언덕 사이의 전환 구역
+
         for (let i = 0; i < vertices.length; i += 3) {
             const x = vertices[i];
             const y = vertices[i + 1];
             
-            // 여러 주파수를 조합한 지형 생성
-            let height = 0;
-            
-            // 큰 언덕 (기본 지형)
-            height += Math.sin(x * baseFrequency) * Math.cos(y * baseFrequency) * heightScale;
-            
-            // 중간 크기 지형
-            height += Math.sin(x * baseFrequency * 2) * Math.cos(y * baseFrequency * 2) * (heightScale * 0.5);
+            // 중심점으로부터의 거리 계산
+            const distanceFromCenter = Math.sqrt(x * x + y * y);
             
-            // 작은 굴곡
-            height += Math.sin(x * baseFrequency * 4) * Math.cos(y * baseFrequency * 4) * (heightScale * 0.25);
-
-            // 랜덤 노이즈 추가 (아주 작은 굴곡)
-            const noise = (Math.random() - 0.5) * heightScale * 0.1;
-            height += noise;
-            
-            // 맵 가장자리로 갈수록 높이를 부드럽게 감소
-            const distanceFromCenter = Math.sqrt(x * x + y * y) / (MAP_SIZE * 0.5);
-            const edgeFactor = Math.pow(Math.max(0, 1 - distanceFromCenter), 2); // 부드러운 감쇠
-            
-            // 최종 높이 설정
-            vertices[i + 2] = height * edgeFactor;
+            // 평지 영역이면 높이를 0으로 설정
+            if (distanceFromCenter < flatlandRadius) {
+                vertices[i + 2] = 0;
+            }
+            // 전환 구역이면 부드럽게 높이 증가
+            else if (distanceFromCenter < flatlandRadius + transitionZone) {
+                const transitionFactor = (distanceFromCenter - flatlandRadius) / transitionZone;
+                let height = 0;
+                
+                // 언덕 높이 계산
+                height += Math.sin(x * baseFrequency) * Math.cos(y * baseFrequency) * heightScale;
+                height += Math.sin(x * baseFrequency * 2) * Math.cos(y * baseFrequency * 2) * (heightScale * 0.5);
+                height += Math.sin(x * baseFrequency * 4) * Math.cos(y * baseFrequency * 4) * (heightScale * 0.25);
+                
+                vertices[i + 2] = height * transitionFactor;
+            }
+            // 언덕 영역
+            else {
+                let height = 0;
+                height += Math.sin(x * baseFrequency) * Math.cos(y * baseFrequency) * heightScale;
+                height += Math.sin(x * baseFrequency * 2) * Math.cos(y * baseFrequency * 2) * (heightScale * 0.5);
+                height += Math.sin(x * baseFrequency * 4) * Math.cos(y * baseFrequency * 4) * (heightScale * 0.25);
+                vertices[i + 2] = height;
+            }
         }
 
         ground.geometry.attributes.position.needsUpdate = true;
@@ -637,6 +625,28 @@ class Game {
         this.ground = ground;
         this.scene.add(ground);
 
+        // 등고선 효과 (언덕 영역에만 적용)
+        const contourMaterial = new THREE.LineBasicMaterial({
+            color: 0x000000,
+            opacity: 0.15,
+            transparent: true
+        });
+
+        const contourLines = new THREE.LineSegments(
+            new THREE.EdgesGeometry(groundGeometry),
+            contourMaterial
+        );
+        contourLines.rotation.x = -Math.PI / 2;
+        contourLines.position.y = 0.1;
+        this.scene.add(contourLines);
+
+        // 격자 효과 (평지 영역에만 적��)
+        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);
+
         // 사막 장식 추가
         await this.addDesertDecorations();