Update game.js

game.js

@@ -363,8 +363,8 @@ class Game {
        }
 
        // 카메라 설정 수정
-       this.camera.position.set(-20, 10, -20);
-       this.camera.lookAt(new THREE.Vector3(0, 0, 0));
+       this.camera.position.set(0, 15, -30); // 전차 후방 상단에 위치
+        this.camera.lookAt(new THREE.Vector3(0, 0, 0));
 
        // 로딩 완료
        this.isLoading = false;
@@ -442,22 +442,22 @@ class Game {
     if (this.keys.left) direction.x -= 1;
     if (this.keys.right) direction.x += 1;
     
+        // 시점 변경
     if (direction.length() > 0) {
         direction.normalize();
+        
+        // A,D 키로 탱크 회전
+        if (this.keys.left) this.tank.rotate(-1);
+        if (this.keys.right) this.tank.rotate(1);
+        
+        // 현재 탱크의 방향으로 이동
         direction.applyEuler(this.tank.body.rotation);
         this.tank.move(direction);
-
-        // 탱크 본체 회전
-        if (Math.abs(direction.z) > 0 || Math.abs(direction.x) > 0) {
-            const angle = Math.atan2(direction.x, direction.z);
-            this.tank.body.rotation.y = angle;
-        }
     }
 
     // 마우스 위치를 탱크 기준으로 변환
-    const tankRotation = this.tank.body.rotation.y;
     const mouseVector = new THREE.Vector2(this.mouse.x, -this.mouse.y);
-    const rotationAngle = Math.atan2(mouseVector.x, mouseVector.y) + tankRotation;
+    const rotationAngle = Math.atan2(mouseVector.x, mouseVector.y);
     
     // 포탑 회전
     if (this.tank.turretGroup) {
@@ -470,11 +470,12 @@ class Game {
     const cameraHeight = 10;
     
     // 카메라 위치 계산
+    const tankRotation = this.tank.body.rotation.y;
     const cameraOffset = new THREE.Vector3(
-        Math.sin(rotationAngle) * cameraDistance,
-        cameraHeight,
-        Math.cos(rotationAngle) * cameraDistance
-    );
+    Math.sin(tankRotation) * cameraDistance,
+    cameraHeight,
+    Math.cos(tankRotation) * cameraDistance
+);
     
     this.camera.position.copy(tankPos).sub(cameraOffset);
     this.camera.lookAt(tankPos);