Update game.js

game.js

@@ -2518,22 +2518,32 @@ class Game {
             
             const distance = bullet.position.distanceTo(enemy.position);
             if (distance < 90) {
+                // 적기 위치를 미리 저장 (중요!)
+                const explosionPosition = enemy.position.clone();
+                
                 // 히트 표시 추가
-                this.showHitMarker(enemy.position);
+                this.showHitMarker(explosionPosition);
                 // 피격 이펙트 추가
-                this.createHitEffect(enemy.position);
+                this.createHitEffect(explosionPosition);
                 
-                // 탄환 제거는 이펙트 생성 후에
+                // 탄환 제거
                 this.scene.remove(bullet);
                 this.fighter.bullets.splice(i, 1);
                 
                 if (enemy.takeDamage(GAME_CONSTANTS.BULLET_DAMAGE)) {
-                    // 적기 파괴 시 폭발 효과 추가 - 위치 확인
-                    this.createExplosionEffect(enemy.position);
+                    // 디버깅용 로그 추가
+                    console.log('Enemy destroyed! Creating explosion at:', explosionPosition);
+                    
+                    // 적기 파괴 시 폭발 효과 추가 - 저장된 위치 사용
+                    this.createExplosionEffect(explosionPosition);
                     
+                    // 적기 제거
                     enemy.destroy();
                     this.enemies.splice(j, 1);
                     this.score += 100;
+                    
+                    // 추가 디버깅
+                    console.log('Enemies remaining:', this.enemies.length);
                 }
                 break;
             }
@@ -2546,16 +2556,20 @@ class Game {
             const bullet = enemy.bullets[index];
             const distance = bullet.position.distanceTo(this.fighter.position);
             if (distance < 100) {
+                // 플레이어 위치 저장
+                const playerPosition = this.fighter.position.clone();
+                
                 // 플레이어 피격 이펙트
-                this.createHitEffect(this.fighter.position);
+                this.createHitEffect(playerPosition);
                 
                 // 탄환 제거
                 this.scene.remove(bullet);
                 enemy.bullets.splice(index, 1);
                 
                 if (this.fighter.takeDamage(GAME_CONSTANTS.BULLET_DAMAGE)) {
+                    console.log('Player destroyed! Creating explosion');
                     // 플레이어 파괴 시 폭발 효과 추가
-                    this.createExplosionEffect(this.fighter.position);
+                    this.createExplosionEffect(playerPosition);
                     
                     this.endGame(false);
                 }
@@ -2564,105 +2578,16 @@ class Game {
     });
 }
 
-    createHitEffect(position) {
-        // 피격 파티클 효과 생성
-        const particleCount = 15;
-        const particles = [];
-        
-        for (let i = 0; i < particleCount; i++) {
-            const particleGeometry = new THREE.SphereGeometry(0.5, 4, 4);
-            const particleMaterial = new THREE.MeshBasicMaterial({
-                color: Math.random() > 0.5 ? 0xffaa00 : 0xff6600, // 주황색과 붉은색 혼합
-                emissive: 0xffaa00,
-                emissiveIntensity: 1.0,
-                transparent: true,
-                opacity: 1.0
-            });
-            
-            const particle = new THREE.Mesh(particleGeometry, particleMaterial);
-            particle.position.copy(position);
-            
-            // 랜덤 속도 설정
-            particle.velocity = new THREE.Vector3(
-                (Math.random() - 0.5) * 100,
-                (Math.random() - 0.5) * 100,
-                (Math.random() - 0.5) * 100
-            );
-            
-            particle.life = 1.0; // 1초 동안 지속
-            
-            this.scene.add(particle);
-            particles.push(particle);
-        }
-        
-        // 중앙 폭발 플래시
-        const flashGeometry = new THREE.SphereGeometry(5, 8, 8);
-        const flashMaterial = new THREE.MeshBasicMaterial({
-            color: 0xffff00,
-            emissive: 0xffff00,
-            emissiveIntensity: 2.0,
-            transparent: true,
-            opacity: 0.8
-        });
-        
-        const flash = new THREE.Mesh(flashGeometry, flashMaterial);
-        flash.position.copy(position);
-        this.scene.add(flash);
-        
-        // 파티클 애니메이션
-        const animateParticles = () => {
-            let allDead = true;
-            
-            particles.forEach(particle => {
-                if (particle.life > 0) {
-                    allDead = false;
-                    particle.life -= 0.02;
-                    
-                    // 위치 업데이트
-                    particle.position.add(particle.velocity.clone().multiplyScalar(0.02));
-                    
-                    // 중력 효과
-                    particle.velocity.y -= 2;
-                    
-                    // 페이드 아웃
-                    particle.material.opacity = particle.life;
-                    
-                    // 크기 감소
-                    const scale = particle.life;
-                    particle.scale.set(scale, scale, scale);
-                } else if (particle.parent) {
-                    this.scene.remove(particle);
-                }
-            });
-            
-            // 플래시 효과
-            if (flash.material.opacity > 0) {
-                flash.material.opacity -= 0.05;
-                flash.scale.multiplyScalar(1.1);
-            } else if (flash.parent) {
-                this.scene.remove(flash);
-            }
-            
-            if (!allDead || flash.material.opacity > 0) {
-                requestAnimationFrame(animateParticles);
-            }
-        };
-        
-        animateParticles();
-        
-        // 피격 사운드 재생
-        try {
-            const hitSound = new Audio('sounds/hit.ogg');
-            hitSound.volume = 0.3;
-            hitSound.play().catch(e => {
-                console.log('Hit sound not found or failed to play');
-            });
-        } catch (e) {
-            console.log('Hit sound error:', e);
-        }
+// createExplosionEffect 메서드 개선
+createExplosionEffect(position) {
+    // 위치 유효성 검사
+    if (!position || !position.x === undefined) {
+        console.error('Invalid position for explosion effect');
+        return;
     }
     
-    createExplosionEffect(position) {
+    console.log('Creating explosion effect at position:', position);
+    
     // 폭발음을 가장 먼저 재생 (시각효과보다 우선)
     try {
         const explosionSound = new Audio('sounds/bang.ogg');
@@ -2671,10 +2596,18 @@ class Game {
         // 즉시 재생 시도
         const playPromise = explosionSound.play();
         if (playPromise !== undefined) {
-            playPromise.catch(e => console.log('Explosion sound failed:', e));
+            playPromise.then(() => {
+                console.log('Explosion sound played successfully');
+            }).catch(e => {
+                console.error('Explosion sound failed:', e);
+                // 오디오 컨텍스트 문제일 수 있으므로 사용자 상호작용 후 재시도
+                document.addEventListener('click', () => {
+                    explosionSound.play().catch(err => console.error('Retry failed:', err));
+                }, { once: true });
+            });
         }
     } catch (e) {
-        console.log('Explosion sound error:', e);
+        console.error('Explosion sound error:', e);
     }
     
     // 메인 폭발 플래시
@@ -2758,6 +2691,8 @@ class Game {
         smoke.push(smokePuff);
     }
     
+    console.log('Explosion visual effects created');
+    
     // 애니메이션
     const animateExplosion = () => {
         let allDead = true;