Update game.js

game.js

@@ -150,50 +150,50 @@ class TankPlayer {
 }
 
   createMuzzleFlash(scene) {
-        const flashGroup = new THREE.Group();
-
-        // 화염 생성
-        const flameGeometry = new THREE.SphereGeometry(0.5, 8, 8);
-        const flameMaterial = new THREE.MeshBasicMaterial({
-            color: 0xffa500,
-            transparent: true,
-            opacity: 0.8
-        });
-        const flame = new THREE.Mesh(flameGeometry, flameMaterial);
-        flame.scale.set(1.5, 1.5, 2);
-        flashGroup.add(flame);
-
-        // 연기 생성
-        const smokeGeometry = new THREE.SphereGeometry(0.3, 8, 8);
-        const smokeMaterial = new THREE.MeshBasicMaterial({
-            color: 0x555555,
-            transparent: true,
-            opacity: 0.5
-        });
-        for (let i = 0; i < 3; i++) {
-            const smoke = new THREE.Mesh(smokeGeometry, smokeMaterial);
-            smoke.position.set(
-                Math.random() * 0.5 - 0.25,
-                Math.random() * 0.5 - 0.25,
-                -0.5 - Math.random() * 0.5
-            );
-            flashGroup.add(smoke);
-        }
+    const flashGroup = new THREE.Group();
+
+    // 화염 생성
+    const flameGeometry = new THREE.SphereGeometry(0.5, 8, 8);
+    const flameMaterial = new THREE.MeshBasicMaterial({
+        color: 0xffa500,
+        transparent: true,
+        opacity: 0.8
+    });
+    const flame = new THREE.Mesh(flameGeometry, flameMaterial);
+    flame.scale.set(1.5, 1.5, 2);
+    flashGroup.add(flame);
+
+    // 연기 생성
+    const smokeGeometry = new THREE.SphereGeometry(0.3, 8, 8);
+    const smokeMaterial = new THREE.MeshBasicMaterial({
+        color: 0x555555,
+        transparent: true,
+        opacity: 0.5
+    });
+    for (let i = 0; i < 3; i++) {
+        const smoke = new THREE.Mesh(smokeGeometry, smokeMaterial);
+        smoke.position.set(
+            Math.random() * 0.5 - 0.25,
+            Math.random() * 0.5 - 0.25,
+            -0.5 - Math.random() * 0.5
+        );
+        flashGroup.add(smoke);
+    }
 
-        // 위치 설정 (포탑 끝)
-        const muzzlePosition = new THREE.Vector3(0, 0.5, 2);
-        muzzlePosition.applyQuaternion(this.turretGroup.quaternion);
-        muzzlePosition.applyQuaternion(this.body.quaternion);
-        flashGroup.position.copy(this.body.position).add(muzzlePosition);
+    // 위치 설정 (포탑 끝)
+    const muzzlePosition = new THREE.Vector3(0, 0, 2); // 포탑 끝 상대 좌표
+    this.turret.getWorldPosition(muzzlePosition); // 포탑 끝의 전역 좌표 계산
+    flashGroup.position.copy(muzzlePosition);
 
-        // 씬에 추가
-        scene.add(flashGroup);
+    // 씬에 추가
+    scene.add(flashGroup);
+
+    // 일정 시간 후 제거
+    setTimeout(() => {
+        scene.remove(flashGroup);
+    }, 300); // 300ms 유지
+}
 
-        // 일정 시간 후 제거
-        setTimeout(() => {
-            scene.remove(flashGroup);
-        }, 300); // 300ms 유지
-    }
 
 
     createBullet(scene) {