Update game.js

game.js

@@ -547,7 +547,7 @@ class Game {
         this.initialize();
     }
 
-   async initialize() {
+    async initialize() {
     try {
         // 안개 효과 제거
         this.scene.fog = null;
@@ -571,31 +571,32 @@ class Game {
             color: 0xD2B48C,
             roughness: 0.8,
             metalness: 0.2,
+            wireframe: false
         });
+        
         const ground = new THREE.Mesh(groundGeometry, groundMaterial);
         ground.rotation.x = -Math.PI / 2;
         ground.receiveShadow = true;
         
-        // 지형 높이 설정 (기존 지형 수정 코드 포함)
-        const vertices = ground.geometry.attributes.position.array;
-        const heightScale = 15; // 높이 스케일
-        const baseFrequency = 0.008; // 기본 주파수
-        for (let i = 0; i < vertices.length; i += 3) {
-            const x = vertices[i];
-            const z = vertices[i + 1];
-            const height = Math.sin(x * baseFrequency) * Math.cos(z * baseFrequency) * heightScale;
-            vertices[i + 2] = height;
-        }
-        ground.geometry.attributes.position.needsUpdate = true;
-        ground.geometry.computeVertexNormals();
-        
-        // EdgesGeometry로 선 추가
-        const edgesGeometry = new THREE.EdgesGeometry(ground.geometry);
-        const lineMaterial = new THREE.LineBasicMaterial({ color: 0x000000, linewidth: 1 });
-        const contourLines = new THREE.LineSegments(edgesGeometry, lineMaterial);
+        // 격자 효과를 위한 라인 추가
+        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);
         
-        // 지형 및 선 추가
-        this.scene.add(ground);
+        // 등고선 효과를 위한 지형 컨투어
+        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);
 
         // 더 다양한 지형 생성
@@ -669,7 +670,6 @@ class Game {
     }
 }
 
-
     // 레이더 업데이트 메서드 추가
     updateRadar() {
         const currentTime = Date.now();