Update game.js

game.js

@@ -105,10 +105,13 @@ class TankPlayer {
    update(mouseX, mouseY, scene) {
     if (!this.body || !this.turretGroup) return;
 
-    // 포탑 회전 - 마우스 이동에 따라 자유롭게 360도 회전
-    this.turretGroup.rotation.y += mouseX * 0.03;
+    // 포탑 회전 - 마우스 위치에 따라 회전
+    const screenCenter = new THREE.Vector2(0, 0);
+    const mousePosition = new THREE.Vector2(mouseX, mouseY);
+    const angle = Math.atan2(mousePosition.x - screenCenter.x, mousePosition.y - screenCenter.y);
+    this.turretGroup.rotation.y = angle;
 
-    // 플레이어 총알 이동 처리
+    // 플레이어 총알 업데이트
     for (let i = this.bullets.length - 1; i >= 0; i--) {
         const bullet = this.bullets[i];
         bullet.position.add(bullet.velocity);
@@ -481,9 +484,14 @@ async addDesertDecorations() {
         document.addEventListener('mousemove', (event) => {
     if (this.isLoading || this.isGameOver || !document.pointerLockElement) return;
 
-    // 커서 이동에 따라 값 업데이트 (회전 각도를 제한)
-    this.mouse.x = Math.max(Math.min(this.mouse.x + event.movementX * 0.002, 1), -1);
-    this.mouse.y = Math.max(Math.min(this.mouse.y + event.movementY * 0.002, 1), -1);
+    // 마우스 움직임을 화면 중앙 기준으로 정규화
+    const movementX = event.movementX || event.mozMovementX || event.webkitMovementX || 0;
+    const movementY = event.movementY || event.mozMovementY || event.webkitMovementY || 0;
+    
+    this.mouse.x += movementX * 0.002;
+    this.mouse.y += movementY * 0.002;
+
+    // 마우스 이동
 });
 
 
@@ -532,26 +540,26 @@ async addDesertDecorations() {
         this.tank.move(direction);
     }
 
-    // 카메라 위치 업데이트 - 포탑 회전만 따라가도록 수정
+    // 카메라 위치 업데이트 - 항상 탱크 뒤에서 바라보도록 설정
     const tankPos = this.tank.getPosition();
-    const turretRotation = this.tank.turretGroup.rotation.y;
+    const tankRotation = this.tank.body.rotation.y;
     const cameraDistance = 30;
     const cameraHeight = 15;
 
-    // 카메라 위치를 포탑 회전에 맞춰 설정
+    // 탱크의 뒤쪽 위치에 카메라 배치
     this.camera.position.set(
-        tankPos.x - Math.sin(turretRotation) * cameraDistance,
+        tankPos.x - Math.sin(tankRotation) * cameraDistance,
         tankPos.y + cameraHeight,
-        tankPos.z - Math.cos(turretRotation) * cameraDistance
-    );
-
-    // 카메라가 항상 포탑을 바라보도록 설정
-    const lookAtPoint = new THREE.Vector3(
-        tankPos.x + Math.sin(turretRotation) * 10,
-        tankPos.y + 5,
-        tankPos.z + Math.cos(turretRotation) * 10
+        tankPos.z - Math.cos(tankRotation) * cameraDistance
     );
 
+    // 카메라가 항상 탱크를 바라보도록 설정
+    this.camera.lookAt(new THREE.Vector3(
+        tankPos.x,
+        tankPos.y,
+        tankPos.z
+    ));
+//}
     this.camera.lookAt(lookAtPoint);
 }