Update game.js

game.js

@@ -136,6 +136,10 @@ class TankPlayer {
     audio.volume = 0.5;
     audio.play();
 
+    // 발사 이펙트 추가
+    this.createMuzzleFlash(scene);
+
+    // 포탄 생성
     const bullet = this.createBullet(scene);
     if (bullet) {
         this.ammo--;
@@ -145,27 +149,76 @@ class TankPlayer {
     return bullet;
 }
 
-    createBullet(scene) {
-        const bulletGeometry = new THREE.SphereGeometry(0.2);
-        const bulletMaterial = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
-        const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
+  createMuzzleFlash(scene) {
+        const flashGroup = new THREE.Group();
 
-        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 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 direction = new THREE.Vector3(0, 0, 1);
-        direction.applyQuaternion(this.turretGroup.quaternion);
-        direction.applyQuaternion(this.body.quaternion);
-        bullet.velocity = direction.multiplyScalar(2);
+        // 위치 설정 (포탑 끝)
+        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);
 
-        scene.add(bullet);
-        this.bullets.push(bullet);
+        // 씬에 추가
+        scene.add(flashGroup);
 
-        return bullet;
+        // 일정 시간 후 제거
+        setTimeout(() => {
+            scene.remove(flashGroup);
+        }, 300); // 300ms 유지
     }
 
+
+    createBullet(scene) {
+    const bulletGeometry = new THREE.CylinderGeometry(0.1, 0.1, 1, 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 direction = new THREE.Vector3(0, 0, 1);
+    direction.applyQuaternion(this.turretGroup.quaternion);
+    direction.applyQuaternion(this.body.quaternion);
+    bullet.velocity = direction.multiplyScalar(5);
+
+    scene.add(bullet);
+    this.bullets.push(bullet);
+
+    return bullet;
+}
+
+
     update(mouseX, mouseY, scene) {
     if (!this.body || !this.turretGroup) return;