Update game.js

game.js

@@ -102,27 +102,29 @@ class TankPlayer {
         return bullet;
     }
 
-    update(mouseX, mouseY, scene) {
-        if (!this.body || !this.turretGroup) return;
-        
-        for (let i = this.bullets.length - 1; i >= 0; i--) {
-            const bullet = this.bullets[i];
-            bullet.position.add(bullet.velocity);
-
-            if (Math.abs(bullet.position.x) > MAP_SIZE/2 || 
-                Math.abs(bullet.position.z) > MAP_SIZE/2) {
-                scene.remove(bullet);
-                this.bullets.splice(i, 1);
-            }
-        }
-
-        // 포탑 회전 방향 수정
-        if (this.turretGroup) {
-            const rotationAngle = -Math.atan2(mouseX, mouseY);  // 부호를 반대로 하여 회전 방향 변경
-            this.turretRotation = rotationAngle;
-            this.turretGroup.rotation.y = this.turretRotation;
+   update(mouseX, mouseY, scene) {
+    if (!this.body || !this.turretGroup) return;
+
+    // 포탑 회전 방향 설정
+    const turretDirection = new THREE.Vector3(mouseX, 0, -mouseY).normalize();
+    const angle = Math.atan2(turretDirection.x, turretDirection.z);
+    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);
+
+        if (
+            Math.abs(bullet.position.x) > MAP_SIZE / 2 ||
+            Math.abs(bullet.position.z) > MAP_SIZE / 2
+        ) {
+            scene.remove(bullet);
+            this.bullets.splice(i, 1);
         }
     }
+}
+
 
     move(direction) {
         if (!this.body) return;
@@ -479,10 +481,13 @@ async addDesertDecorations() {
         });
 
         document.addEventListener('mousemove', (event) => {
-            if (this.isLoading || this.isGameOver || !document.pointerLockElement) return;
-            this.mouse.x += event.movementX * 0.002;
-            this.mouse.y += event.movementY * 0.002;
-        });
+    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);
+});
+
 
         document.addEventListener('click', () => {
             if (!document.pointerLockElement) {
@@ -511,54 +516,47 @@ async addDesertDecorations() {
 
     handleMovement() {
     if (!this.tank.isLoaded || this.isGameOver) return;
-    
+
     const direction = new THREE.Vector3();
-    
+
     if (this.keys.forward) direction.z += 1;
     if (this.keys.backward) direction.z -= 1;
     if (this.keys.left) direction.x -= 1;
     if (this.keys.right) direction.x += 1;
-    
+
     if (direction.length() > 0) {
         direction.normalize();
-        
+
         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);
     }
 
-    // 포탑 회전 업데이트
-    const mouseVector = new THREE.Vector2(this.mouse.x, -this.mouse.y);
-    const rotationAngle = -Math.atan2(mouseVector.x, mouseVector.y); // 부호 변경
-    
-    if (this.tank.turretGroup) {
-        this.tank.turretGroup.rotation.y = rotationAngle;
-    }
-
     // 카메라 위치 업데이트
     const tankPos = this.tank.getPosition();
+    const turretRotation = this.tank.turretGroup.rotation.y + this.tank.body.rotation.y;
     const cameraDistance = 30;
     const cameraHeight = 15;
-    const lookAtHeight = 5;
-    
-    const turretRotation = this.tank.turretGroup.rotation.y + this.tank.body.rotation.y;
-this.camera.position.set(
-    tankPos.x - Math.sin(turretRotation) * cameraDistance,
-    tankPos.y + cameraHeight,
-    tankPos.z - Math.cos(turretRotation) * cameraDistance
-);
-
-const lookAtPoint = new THREE.Vector3(
-    tankPos.x + Math.sin(turretRotation) * 10,
-    tankPos.y + lookAtHeight,
-    tankPos.z + Math.cos(turretRotation) * 10
-);
-    
+
+    this.camera.position.set(
+        tankPos.x - Math.sin(turretRotation) * 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
+    );
+
     this.camera.lookAt(lookAtPoint);
 }
 
+
     createBuildings() {
         const buildingTypes = [
             { width: 10, height: 30, depth: 10, color: 0x808080 },