Update game.js

game.js

@@ -363,8 +363,20 @@ class Game {
        }
 
        // 카메라 설정 수정
-       this.camera.position.set(0, 15, -30); // 전차 후방 상단에 위치
-        this.camera.lookAt(new THREE.Vector3(0, 0, 0));
+             // 탱크의 현재 위치 가져오기
+      const tankPosition = this.tank.getPosition();
+      // 카메라를 탱크 위치 기준으로 설정
+      this.camera.position.set(
+          tankPosition.x,
+          tankPosition.y + 15,  // 탱크보다 15 유닛 위에
+          tankPosition.z - 30   // 탱크보다 30 유닛 뒤에
+      );
+      // 카메라가 탱크를 바라보도록 설정
+      this.camera.lookAt(new THREE.Vector3(
+          tankPosition.x,
+          tankPosition.y + 2,  // 탱크의 상단 부분을 바라보도록
+          tankPosition.z
+      ));
 
        // 로딩 완료
        this.isLoading = false;
@@ -442,7 +454,6 @@ class Game {
     if (this.keys.left) direction.x -= 1;
     if (this.keys.right) direction.x += 1;
     
-        // 시점 변경
     if (direction.length() > 0) {
         direction.normalize();
         
@@ -472,13 +483,18 @@ class Game {
     // 카메라 위치 계산
     const tankRotation = this.tank.body.rotation.y;
     const cameraOffset = new THREE.Vector3(
-    Math.sin(tankRotation) * cameraDistance,
-    cameraHeight,
-    Math.cos(tankRotation) * cameraDistance
-);
+        Math.sin(tankRotation) * cameraDistance,
+        cameraHeight,
+        Math.cos(tankRotation) * cameraDistance
+    );
     
     this.camera.position.copy(tankPos).sub(cameraOffset);
-    this.camera.lookAt(tankPos);
+    // 탱크의 상단을 바라보도록 수정
+    this.camera.lookAt(new THREE.Vector3(
+        tankPos.x,
+        tankPos.y + 2,  // 탱크의 상단 부분을 바라보도록
+        tankPos.z
+    ));
 }
 createBuildings() {
         const buildingTypes = [