Update game.js

game.js

@@ -444,7 +444,7 @@ class Game {
     });
 }
 
-    handleMovement() {
+   handleMovement() {
     if (!this.tank.isLoaded) return;
     
     const direction = new THREE.Vector3();
@@ -475,26 +475,30 @@ class Game {
         this.tank.turretGroup.rotation.y = rotationAngle;
     }
 
-    // 카메라 위치 및 회전 업데이트
+    // 여기부터 카메라 로직을 수정합니다
     const tankPos = this.tank.getPosition();
-    const cameraDistance = 20;
-    const cameraHeight = 10;
+    const cameraDistance = 30; // 카메라와 탱크 사이의 거리
+    const cameraHeight = 15;   // 카메라의 높이
+    const lookAtHeight = 5;    // 카메라가 바라보는 높이
     
-    // 카메라 위치 계산
+    // 탱크의 회전에 따라 카메라 위치 계산
     const tankRotation = this.tank.body.rotation.y;
-    const cameraOffset = new THREE.Vector3(
-        Math.sin(tankRotation) * cameraDistance,
-        cameraHeight,
-        Math.cos(tankRotation) * cameraDistance
+    
+    // 카메라 위치 계산 수정
+    this.camera.position.set(
+        tankPos.x - Math.sin(tankRotation) * cameraDistance,
+        tankPos.y + cameraHeight,
+        tankPos.z - Math.cos(tankRotation) * cameraDistance
+    );
+
+    // 카메라가 바라보는 지점을 탱크 위치보다 약간 앞쪽으로 설정
+    const lookAtPoint = new THREE.Vector3(
+        tankPos.x + Math.sin(tankRotation) * 10, // 탱크 앞쪽 10 유닛
+        tankPos.y + lookAtHeight,                 // 탱크보다 약간 위
+        tankPos.z + Math.cos(tankRotation) * 10   // 탱크 앞쪽 10 유닛
     );
     
-    this.camera.position.copy(tankPos).sub(cameraOffset);
-    // 탱크의 상단을 바라보도록 수정
-    this.camera.lookAt(new THREE.Vector3(
-        tankPos.x,
-        tankPos.y + 2,  // 탱크의 상단 부분을 바라보도록
-        tankPos.z
-    ));
+    this.camera.lookAt(lookAtPoint);
 }
 createBuildings() {
         const buildingTypes = [