Update game.js

game.js

@@ -152,66 +152,86 @@ class TankPlayer {
   createMuzzleFlash(scene) {
     const flashGroup = new THREE.Group();
 
-    // 화염 생성
-    const flameGeometry = new THREE.SphereGeometry(0.5, 8, 8);
+    // 화염 크기 증가
+    const flameGeometry = new THREE.SphereGeometry(1.0, 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);
+    flame.scale.set(2, 2, 3);
     flashGroup.add(flame);
 
-    // 연기 생성
-    const smokeGeometry = new THREE.SphereGeometry(0.3, 8, 8);
+    // 연기 효과 크기 증가
+    const smokeGeometry = new THREE.SphereGeometry(0.8, 8, 8);
     const smokeMaterial = new THREE.MeshBasicMaterial({
         color: 0x555555,
         transparent: true,
         opacity: 0.5
     });
-    for (let i = 0; i < 3; i++) {
+    
+    for (let i = 0; i < 5; 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
+            Math.random() * 1 - 0.5,
+            Math.random() * 1 - 0.5,
+            -1 - Math.random()
         );
+        smoke.scale.set(1.5, 1.5, 1.5);
         flashGroup.add(smoke);
     }
 
-    // 포탑 끝의 전역 좌표 계산
-    const muzzlePosition = new THREE.Vector3(0, 0, 2); // 포탑 끝의 로컬 좌표 (포신의 끝)
-    this.turret.localToWorld(muzzlePosition); // 로컬 좌표를 전역 좌표로 변환
+    // 포구 위치 계산
+    const muzzleOffset = new THREE.Vector3(0, 0.5, 4);
+    const muzzlePosition = new THREE.Vector3();
+    const turretWorldQuaternion = new THREE.Quaternion();
+    
+    this.turret.getWorldPosition(muzzlePosition);
+    this.turret.getWorldQuaternion(turretWorldQuaternion);
+    
+    muzzleOffset.applyQuaternion(turretWorldQuaternion);
+    muzzlePosition.add(muzzleOffset);
 
     flashGroup.position.copy(muzzlePosition);
+    flashGroup.quaternion.copy(turretWorldQuaternion);
 
-    // 씬에 추가
     scene.add(flashGroup);
 
-    // 일정 시간 후 제거
+    // 이펙트 지속 시간 증가
     setTimeout(() => {
         scene.remove(flashGroup);
-    }, 300); // 300ms 유지
+    }, 500);
 }
 
 
 
-
     createBullet(scene) {
-    const bulletGeometry = new THREE.CylinderGeometry(0.1, 0.1, 1, 8);
+    // 포탄 크기 증가
+    const bulletGeometry = new THREE.CylinderGeometry(0.2, 0.2, 2, 8);
     const bulletMaterial = new THREE.MeshBasicMaterial({ color: 0xffd700 });
     const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
 
-    bullet.rotation.x = Math.PI / 2; // 수평으로 회전
-    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 muzzleOffset = new THREE.Vector3(0, 0.5, 4); // 포구 위치 조정 (앞쪽으로 더 이동)
+    const muzzlePosition = new THREE.Vector3();
+    const turretWorldQuaternion = new THREE.Quaternion();
+    
+    // 포탑의 월드 변환 행렬 가져오기
+    this.turret.getWorldPosition(muzzlePosition);
+    this.turret.getWorldQuaternion(turretWorldQuaternion);
+    
+    // 포구 오프셋 적용
+    muzzleOffset.applyQuaternion(turretWorldQuaternion);
+    muzzlePosition.add(muzzleOffset);
+    
+    // 포탄 위치와 회전 설정
+    bullet.position.copy(muzzlePosition);
+    bullet.quaternion.copy(turretWorldQuaternion);
+    
+    // 발사 방향 설정
     const direction = new THREE.Vector3(0, 0, 1);
-    direction.applyQuaternion(this.turretGroup.quaternion);
-    direction.applyQuaternion(this.body.quaternion);
+    direction.applyQuaternion(turretWorldQuaternion);
     bullet.velocity = direction.multiplyScalar(5);
 
     scene.add(bullet);