Update game.js

game.js

@@ -327,14 +327,14 @@ class Game {
 
     async initialize() {
     try {
-        // 안개 효과 추가
-        this.scene.fog = new THREE.Fog(0xffd700, 1, 100);
-        this.scene.background = new THREE.Color(0xffd700); // 사막 하늘색
+        // 안개 효과 조정
+        this.scene.fog = new THREE.Fog(0xC2B280, 1, 150); // 더 자연스러운 사막색
+        this.scene.background = new THREE.Color(0x87CEEB); // 하늘색 배경
 
-        const ambientLight = new THREE.AmbientLight(0xffffff, 0.7); // 사막 환경에 맞게 밝기 증가
+        const ambientLight = new THREE.AmbientLight(0xffffff, 0.6); // 주변광 감소
         this.scene.add(ambientLight);
 
-        const directionalLight = new THREE.DirectionalLight(0xffffff, 1.0); // 사막의 강한 햇빛
+        const directionalLight = new THREE.DirectionalLight(0xffffff, 1.2); // 태양광 강화
         directionalLight.position.set(50, 50, 50);
         directionalLight.castShadow = true;
         directionalLight.shadow.mapSize.width = 2048;
@@ -342,33 +342,43 @@ class Game {
         this.scene.add(directionalLight);
 
         // 사막 지형 생성
-        const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 100, 100);
+        const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 200, 200);
         const groundTexture = new THREE.TextureLoader().load('/textures/sand.jpg');
         groundTexture.wrapS = groundTexture.wrapT = THREE.RepeatWrapping;
         groundTexture.repeat.set(50, 50);
         
+        // 사막 재질 개선
         const groundMaterial = new THREE.MeshStandardMaterial({ 
             map: groundTexture,
+            color: 0xD2B48C,
             roughness: 1.0,
             metalness: 0.0,
-            color: 0xd2b48c // 사막색
+            bumpScale: 0.5
         });
 
         const ground = new THREE.Mesh(groundGeometry, groundMaterial);
         ground.rotation.x = -Math.PI / 2;
         ground.receiveShadow = true;
 
-        // 지형의 높낮이 변화 추가
+        // 사막 지형의 기복 추가
         const vertices = ground.geometry.attributes.position.array;
+        let seed = Math.random() * 100;
         for (let i = 0; i < vertices.length; i += 3) {
-            vertices[i + 1] = Math.sin(vertices[i] / 20) * Math.cos(vertices[i + 2] / 20) * 2;
+            // Perlin noise를 사용한 자연스러운 높낮이
+            const x = vertices[i] / 100;
+            const y = vertices[i + 1] / 100;
+            vertices[i + 2] = 
+                (Math.sin(x + seed) * Math.cos(y + seed) * 2.0) + // 큰 언덕
+                (Math.sin(x * 2 + seed) * Math.cos(y * 2 + seed) * 1.0) + // 중간 크기 언덕
+                (Math.sin(x * 4 + seed) * Math.cos(y * 4 + seed) * 0.5); // 작은 모래 언덕
         }
         ground.geometry.attributes.position.needsUpdate = true;
         ground.geometry.computeVertexNormals();
 
         this.scene.add(ground);
 
-        await this.createBuildings();
+        // 사막 장식물 추가
+        await this.addDesertDecorations();
         await this.tank.initialize(this.scene, this.loader);
         
         if (!this.tank.isLoaded) {
@@ -396,6 +406,68 @@ class Game {
     }
 }
 
+  // 사막 장식물 추가 메소드
+async addDesertDecorations() {
+    // 바위 생성
+    const rockGeometries = [
+        new THREE.DodecahedronGeometry(3),
+        new THREE.DodecahedronGeometry(2),
+        new THREE.DodecahedronGeometry(4)
+    ];
+
+    const rockMaterial = new THREE.MeshStandardMaterial({
+        color: 0x8B4513,
+        roughness: 0.9,
+        metalness: 0.1
+    });
+
+    for (let i = 0; i < 100; i++) {
+        const rockGeometry = rockGeometries[Math.floor(Math.random() * rockGeometries.length)];
+        const rock = new THREE.Mesh(rockGeometry, rockMaterial);
+        
+        rock.position.set(
+            (Math.random() - 0.5) * MAP_SIZE * 0.9,
+            Math.random() * 2,
+            (Math.random() - 0.5) * MAP_SIZE * 0.9
+        );
+        
+        rock.rotation.set(
+            Math.random() * Math.PI,
+            Math.random() * Math.PI,
+            Math.random() * Math.PI
+        );
+        
+        rock.scale.set(
+            1 + Math.random() * 0.5,
+            1 + Math.random() * 0.5,
+            1 + Math.random() * 0.5
+        );
+        
+        rock.castShadow = true;
+        rock.receiveShadow = true;
+        this.scene.add(rock);
+    }
+
+    // 선인장 추가 (간단한 geometry로 표현)
+    const cactusGeometry = new THREE.CylinderGeometry(0.5, 0.7, 4, 8);
+    const cactusMaterial = new THREE.MeshStandardMaterial({
+        color: 0x2F4F2F,
+        roughness: 0.8
+    });
+
+    for (let i = 0; i < 50; i++) {
+        const cactus = new THREE.Mesh(cactusGeometry, cactusMaterial);
+        cactus.position.set(
+            (Math.random() - 0.5) * MAP_SIZE * 0.8,
+            2,
+            (Math.random() - 0.5) * MAP_SIZE * 0.8
+        );
+        cactus.castShadow = true;
+        cactus.receiveShadow = true;
+        this.scene.add(cactus);
+    }
+}
+
     setupEventListeners() {
         document.addEventListener('keydown', (event) => {
             if (this.isLoading || this.isGameOver) return;