Update game.js

game.js

@@ -83,19 +83,18 @@ class TankPlayer {
         return null;
     }
 
+    // 포신 끝 좌표 계산
+    const barrelEndOffset = new THREE.Vector3(0, 0, 2); // 포신 끝 오프셋 (Z 축)
+    const barrelEndPosition = this.turret.localToWorld(barrelEndOffset.clone());
+
     const bulletGeometry = new THREE.SphereGeometry(0.2);
     const bulletMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
     const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
 
-    const bulletOffset = new THREE.Vector3(0, 0.5, 2);
-    bulletOffset.applyQuaternion(this.turretGroup.quaternion);
-    bulletOffset.applyQuaternion(this.body.quaternion);
-    bullet.position.copy(this.body.position).add(bulletOffset);
-
-    const direction = new THREE.Vector3(0, 0, 1);
-    direction.applyQuaternion(this.turretGroup.quaternion);
-    direction.applyQuaternion(this.body.quaternion);
-    bullet.velocity = direction.multiplyScalar(2);
+    bullet.position.copy(barrelEndPosition); // 포신 끝에서 발사
+    bullet.velocity = new THREE.Vector3(0, 0, 1)
+        .applyQuaternion(this.turret.quaternion)
+        .multiplyScalar(2);
 
     scene.add(bullet);
     this.bullets.push(bullet);
@@ -106,8 +105,8 @@ class TankPlayer {
     document.getElementById('ammo').textContent = `${this.ammo}/10`;
 
     // 연기 및 불꽃 효과 생성
-    this.createSmokeEffect(scene, bulletOffset);
-    this.createMuzzleFlashEffect(scene, bulletOffset);
+    this.createSmokeEffect(scene, barrelEndPosition);
+    this.createMuzzleFlashEffect(scene, barrelEndPosition);
 
     // 발사 소리 재생
     this.playRandomFireSound();
@@ -115,18 +114,17 @@ class TankPlayer {
     return bullet;
 }
 
-
-  createMuzzleFlashEffect(scene, position) {
+createMuzzleFlashEffect(scene, position) {
     // 빛 효과
     const flashLight = new THREE.PointLight(0xffaa00, 2, 10);
-    flashLight.position.copy(this.body.position.clone().add(position));
+    flashLight.position.copy(position); // 포신 끝 위치에서 불꽃 생성
     scene.add(flashLight);
 
     // 불꽃 구체
     const flashGeometry = new THREE.SphereGeometry(0.3, 16, 16);
     const flashMaterial = new THREE.MeshBasicMaterial({ color: 0xffaa00 });
     const flashMesh = new THREE.Mesh(flashGeometry, flashMaterial);
-    flashMesh.position.copy(this.body.position.clone().add(position));
+    flashMesh.position.copy(position);
     scene.add(flashMesh);
 
     // 불꽃 효과 업데이트
@@ -146,6 +144,7 @@ class TankPlayer {
 }
 
 
+
 // 연기 효과 생성 메서드
 createSmokeEffect(scene, position) {
     const particleCount = 10;