Update game.js

game.js

@@ -39,6 +39,127 @@ class TankPlayer {
         this.lastShootTime = 0;
         this.bullets = [];
     }
+     // 별도의 메서드로 분리
+    createExplosionEffect(scene, position) {
+        // 폭발 중심 플래시
+        const flashGeometry = new THREE.SphereGeometry(3);
+        const flashMaterial = new THREE.MeshBasicMaterial({
+            color: 0xffff00,
+            transparent: true,
+            opacity: 1
+        });
+        const flash = new THREE.Mesh(flashGeometry, flashMaterial);
+        flash.position.copy(position);
+        scene.add(flash);
+
+        // 폭발 파티클
+        for (let i = 0; i < 30; i++) {
+            const size = Math.random() * 0.5 + 0.3;
+            const geometry = new THREE.SphereGeometry(size);
+            
+            const colors = [0xff4500, 0xff8c00, 0xff0000, 0xffd700];
+            const material = new THREE.MeshBasicMaterial({
+                color: colors[Math.floor(Math.random() * colors.length)],
+                transparent: true,
+                opacity: 1
+            });
+            
+            const particle = new THREE.Mesh(geometry, material);
+            particle.position.copy(position);
+
+            const speed = Math.random() * 0.5 + 0.3;
+            const angle = Math.random() * Math.PI * 2;
+            const elevation = Math.random() * Math.PI - Math.PI / 2;
+
+            particle.velocity = new THREE.Vector3(
+                Math.cos(angle) * Math.cos(elevation) * speed,
+                Math.sin(elevation) * speed,
+                Math.sin(angle) * Math.cos(elevation) * speed
+            );
+
+            particle.gravity = -0.015;
+            particle.life = Math.random() * 30 + 30;
+            particle.fadeRate = 0.97;
+
+            scene.add(particle);
+            window.gameInstance.particles.push({
+                mesh: particle,
+                velocity: particle.velocity,
+                gravity: particle.gravity,
+                life: particle.life,
+                fadeRate: particle.fadeRate
+            });
+        }
+
+        // 폭발 링 이펙트
+        this.createExplosionRing(scene, position);
+
+        // 사운드 효과
+        this.playExplosionSound();
+
+        // 카메라 흔들림 효과
+        this.createCameraShake(scene);
+    }
+
+    // 보조 메서드들로 분리
+    createExplosionRing(scene, position) {
+        const ringGeometry = new THREE.RingGeometry(0.1, 2, 32);
+        const ringMaterial = new THREE.MeshBasicMaterial({
+            color: 0xff8c00,
+            transparent: true,
+            opacity: 1,
+            side: THREE.DoubleSide
+        });
+        const ring = new THREE.Mesh(ringGeometry, ringMaterial);
+        ring.position.copy(position);
+        ring.lookAt(new THREE.Vector3(0, 1, 0));
+        scene.add(ring);
+
+        const expandRing = () => {
+            ring.scale.x += 0.2;
+            ring.scale.y += 0.2;
+            ring.material.opacity *= 0.95;
+
+            if (ring.material.opacity > 0.01) {
+                requestAnimationFrame(expandRing);
+            } else {
+                scene.remove(ring);
+            }
+        };
+        expandRing();
+    }
+
+    playExplosionSound() {
+        const explosionSounds = ['sounds/explosion.ogg'];
+        const randomSound = explosionSounds[Math.floor(Math.random() * explosionSounds.length)];
+        const audio = new Audio(randomSound);
+        audio.volume = 0.4;
+        audio.play();
+    }
+
+    createCameraShake(scene) {
+        if (window.gameInstance && window.gameInstance.camera) {
+            const camera = window.gameInstance.camera;
+            const originalPosition = camera.position.clone();
+            let shakeTime = 0;
+            const shakeIntensity = 0.3;
+            const shakeDuration = 500;
+
+            const shakeCamera = () => {
+                if (shakeTime < shakeDuration) {
+                    camera.position.x = originalPosition.x + (Math.random() - 0.5) * shakeIntensity;
+                    camera.position.y = originalPosition.y + (Math.random() - 0.5) * shakeIntensity;
+                    camera.position.z = originalPosition.z + (Math.random() - 0.5) * shakeIntensity;
+
+                    shakeTime += 16;
+                    requestAnimationFrame(shakeCamera);
+                } else {
+                    camera.position.copy(originalPosition);
+                }
+            };
+            shakeCamera();
+        }
+    }
 
     async initialize(scene, loader) {
     try {
@@ -48,6 +169,7 @@ class TankPlayer {
         const turretResult = await loader.loadAsync('/models/abramsTurret.glb');
         this.turret = turretResult.scene;
         
+        
         this.turretGroup.position.y = 0.2;
         this.turretGroup.add(this.turret);
         this.body.add(this.turretGroup);