Update game.js

game.js

@@ -208,6 +208,13 @@ class TankPlayer {
     // 새로운 위치 계산
     const newPosition = this.body.position.clone().add(moveVector);
     
+    // 맵 경계 체크
+    const halfMap = MAP_SIZE / 2;
+    const margin = 10; // 맵 경계에서의 여유 공간
+    
+    newPosition.x = Math.max(-halfMap + margin, Math.min(halfMap - margin, newPosition.x));
+    newPosition.z = Math.max(-halfMap + margin, Math.min(halfMap - margin, newPosition.z));
+    
     // 새로운 위치의 지형 높이 가져오기
     const heightAtNewPos = window.gameInstance.getHeightAtPosition(newPosition.x, newPosition.z);
     
@@ -217,7 +224,7 @@ class TankPlayer {
     // 경사가 너무 가파른지 체크
     const currentHeight = this.body.position.y;
     const heightDifference = Math.abs(newPosition.y - currentHeight);
-    const maxClimbAngle = 0.5; // 최대 등반 각도
+    const maxClimbAngle = 0.5;
     
     if (heightDifference / this.moveSpeed < maxClimbAngle) {
         this.body.position.copy(newPosition);
@@ -371,6 +378,12 @@ class Enemy {
         const moveVector = direction.multiplyScalar(this.moveSpeed);
         const newPosition = this.mesh.position.clone().add(moveVector);
         
+        // 맵 경계 체크
+        const halfMap = MAP_SIZE / 2;
+        const margin = 10;
+        newPosition.x = Math.max(-halfMap + margin, Math.min(halfMap - margin, newPosition.x));
+        newPosition.z = Math.max(-halfMap + margin, Math.min(halfMap - margin, newPosition.z));
+        
         // 새로운 위치의 지형 높이 가져오기
         const heightAtNewPos = window.gameInstance.getHeightAtPosition(newPosition.x, newPosition.z);
         newPosition.y = heightAtNewPos + TANK_HEIGHT;
@@ -411,14 +424,15 @@ class Enemy {
         }
     }
 
-
     // 총알 업데이트 부분
     for (let i = this.bullets.length - 1; i >= 0; i--) {
         const bullet = this.bullets[i];
         bullet.position.add(bullet.velocity);
 
-        if (Math.abs(bullet.position.x) > MAP_SIZE || 
-            Math.abs(bullet.position.z) > MAP_SIZE) {
+        // 총알이 맵 경계를 벗어나면 제거
+        const halfMap = MAP_SIZE / 2;
+        if (Math.abs(bullet.position.x) > halfMap || 
+            Math.abs(bullet.position.z) > halfMap) {
             this.scene.remove(bullet);
             this.bullets.splice(i, 1);
         }
@@ -566,64 +580,42 @@ class Game {
           this.scene.add(directionalLight);
       
           // 지형 생성 수정
-          const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 100, 100);
-          const groundMaterial = new THREE.MeshStandardMaterial({
-              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;
-          
-          // 평지 영역 정의
-          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];
-              
-              // 중심점으로부터의 거리 계산
-              const distanceFromCenter = Math.sqrt(x * x + y * y);
-              
-              // 평지 영역이면 높이를 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;
-          ground.geometry.computeVertexNormals();
-          this.ground = ground;
-          this.scene.add(ground);
+        const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 100, 100);
+        const groundMaterial = new THREE.MeshStandardMaterial({
+            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;
+        
+        for (let i = 0; i < vertices.length; i += 3) {
+            const x = vertices[i];
+            const z = vertices[i + 1];
+            
+            // 맵을 4분할하여 왼쪽 위는 평지, 나머지는 모래언덕으로 설정
+            if (x < 0 && z > 0) {
+                // 평지 영역
+                vertices[i + 2] = 0;
+            } else {
+                // 모래언덕 영역
+                const distance = Math.sqrt(x * x + z * z);
+                const height = Math.sin(distance * 0.02) * heightScale;
+                vertices[i + 2] = Math.max(0, height); // 음수 높이 방지
+            }
+        }
+
+        ground.geometry.attributes.position.needsUpdate = true;
+        ground.geometry.computeVertexNormals();
+        this.ground = ground;
+        this.scene.add(ground);
       
           // 등고선 효과 (언덕 영역에만 적용)
           const contourMaterial = new THREE.LineBasicMaterial({