Update game.js

game.js

@@ -326,66 +326,59 @@ class Game {
 
     async initialize() {
     try {
-        // 안개 효과를 더 멀리 설정하고 밝기 조정
-        this.scene.fog = new THREE.Fog(0xC2B280, 100, 500); // 안개 시작 거리와 끝 거리를 늘림
+        // 안개 효과 제거
+        this.scene.fog = null;
         this.scene.background = new THREE.Color(0x87CEEB);
 
-        // 주변광 강화
-        const ambientLight = new THREE.AmbientLight(0xffffff, 1.5); // 주변광 강도 증가
+        // 주변광 설정
+        const ambientLight = new THREE.AmbientLight(0xffffff, 1.2);
         this.scene.add(ambientLight);
 
-        // 태양광 설정 개선
-        const directionalLight = new THREE.DirectionalLight(0xffffff, 1.5); // 태양광 강도 증가
+        // 태양광 설정 - 그림자 품질 낮춤
+        const directionalLight = new THREE.DirectionalLight(0xffffff, 1.2);
         directionalLight.position.set(100, 100, 50);
         directionalLight.castShadow = true;
-        directionalLight.shadow.mapSize.width = 4096; // 그림자 해상도 증가
-        directionalLight.shadow.mapSize.height = 4096;
+        directionalLight.shadow.mapSize.width = 1024; // 그림자 해상도 낮춤
+        directionalLight.shadow.mapSize.height = 1024;
         directionalLight.shadow.camera.near = 0.5;
         directionalLight.shadow.camera.far = 500;
-        directionalLight.shadow.bias = -0.0001; // 그림자 아티팩트 감소
+        directionalLight.shadow.bias = -0.001;
         this.scene.add(directionalLight);
 
-        // 보조 조명 추가
-        const hemisphereLight = new THREE.HemisphereLight(0xffffff, 0xD2B48C, 1.0);
-        this.scene.add(hemisphereLight);
-
         // 사막 지형 생성
-        const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 200, 200);
+        const groundGeometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 100, 100); // 지형 해상도 낮춤
         const groundTexture = new THREE.TextureLoader().load('/textures/sand.jpg');
         groundTexture.wrapS = groundTexture.wrapT = THREE.RepeatWrapping;
-        groundTexture.repeat.set(50, 50);
+        groundTexture.repeat.set(25, 25); // 텍스처 반복 횟수 감소
         
-        // 사막 재질 개선
+        // 사막 재질 최적화
         const groundMaterial = new THREE.MeshStandardMaterial({ 
             map: groundTexture,
-            color: 0xDEB887, // 더 밝은 색상으로 변경
+            color: 0xDEB887,
             roughness: 0.8,
             metalness: 0.1,
-            bumpScale: 0.3,
-            emissive: 0x222222, // 약간의 발광 효과 추가
+            bumpScale: 0.3
         });
 
         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) {
             const x = vertices[i] / 100;
             const y = vertices[i + 1] / 100;
             vertices[i + 2] = 
-                (Math.sin(x + seed) * Math.cos(y + seed) * 1.0) + // 더 낮은 언덕
-                (Math.sin(x * 2 + seed) * Math.cos(y * 2 + seed) * 0.5) + 
-                (Math.sin(x * 4 + seed) * Math.cos(y * 4 + seed) * 0.25);
+                (Math.sin(x + seed) * Math.cos(y + seed) * 1.0);
         }
         ground.geometry.attributes.position.needsUpdate = true;
         ground.geometry.computeVertexNormals();
 
         this.scene.add(ground);
 
-        // 나머지 초기화 코드...
+        // 나머지 초기화 코드
         await this.addDesertDecorations();
         await this.tank.initialize(this.scene, this.loader);