Update game.js

game.js

@@ -658,8 +658,6 @@ class Fighter {
        const bulletGeometry = new THREE.CylinderGeometry(1.0, 1.0, 16, 8); // 반지름 0.75→1.0, 길이 12→16
        const bulletMaterial = new THREE.MeshBasicMaterial({ 
            color: 0xffff00,
-           emissive: 0xffff00,
-           emissiveIntensity: 1.0
        });
        const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
        
@@ -1372,8 +1370,6 @@ class EnemyFighter {
         const bulletGeometry = new THREE.CylinderGeometry(1.0, 1.0, 16, 8);
         const bulletMaterial = new THREE.MeshBasicMaterial({ 
             color: 0xff0000,
-            emissive: 0xff0000,
-            emissiveIntensity: 1.0
         });
         const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
         
@@ -2331,8 +2327,6 @@ class Game {
         const flashGeometry = new THREE.SphereGeometry(3, 8, 8);
         const flashMaterial = new THREE.MeshBasicMaterial({
             color: 0xffaa00,
-            emissive: 0xffaa00,
-            emissiveIntensity: 2.0,
             transparent: true,
             opacity: 0.8
         });
@@ -2351,8 +2345,6 @@ class Game {
             const particleGeometry = new THREE.SphereGeometry(0.3 + Math.random() * 0.3, 4, 4);
             const particleMaterial = new THREE.MeshBasicMaterial({
                 color: Math.random() > 0.5 ? 0xffaa00 : 0xff6600,
-                emissive: 0xffaa00,
-                emissiveIntensity: 1.5,
                 transparent: true,
                 opacity: 1.0
             });
@@ -2578,189 +2570,275 @@ class Game {
     });
 }
 
-// createExplosionEffect 메서드 개선
-createExplosionEffect(position) {
-    // 위치 유효성 검사
-    if (!position || !position.x === undefined) {
-        console.error('Invalid position for explosion effect');
-        return;
-    }
-    
-    console.log('Creating explosion effect at position:', position);
-    
-    // 폭발음을 가장 먼저 재생 (시각효과보다 우선)
-    try {
-        const explosionSound = new Audio('sounds/bang.ogg');
-        explosionSound.volume = 1.0; // 최대 음량
+createHitEffect(position) {
+        // 피격 파티클 효과 생성
+        const particleCount = 15;
+        const particles = [];
         
-        // 즉시 재생 시도
-        const playPromise = explosionSound.play();
-        if (playPromise !== undefined) {
-            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 });
+        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,
+                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);
         }
-    } catch (e) {
-        console.error('Explosion sound error:', e);
-    }
-    
-    // 메인 폭발 플래시
-    const explosionGeometry = new THREE.SphereGeometry(50, 16, 16);
-    const explosionMaterial = new THREE.MeshBasicMaterial({
-        color: 0xffaa00,
-        emissive: 0xffaa00,
-        emissiveIntensity: 3.0,
-        transparent: true,
-        opacity: 1.0
-    });
-    
-    const explosion = new THREE.Mesh(explosionGeometry, explosionMaterial);
-    explosion.position.copy(position);
-    this.scene.add(explosion);
-    
-    // 폭발 파편들
-    const debrisCount = 30;
-    const debris = [];
-    
-    for (let i = 0; i < debrisCount; i++) {
-        const debrisGeometry = new THREE.BoxGeometry(
-            2 + Math.random() * 4,
-            2 + Math.random() * 4,
-            2 + Math.random() * 4
-        );
-        const debrisMaterial = new THREE.MeshBasicMaterial({
-            color: Math.random() > 0.5 ? 0xff6600 : 0x333333,
+        
+        // 중앙 폭발 플래시
+        const flashGeometry = new THREE.SphereGeometry(5, 8, 8);
+        const flashMaterial = new THREE.MeshBasicMaterial({
+            color: 0xffff00,
             transparent: true,
-            opacity: 1.0
+            opacity: 0.8
         });
         
-        const debrisPiece = new THREE.Mesh(debrisGeometry, debrisMaterial);
-        debrisPiece.position.copy(position);
+        const flash = new THREE.Mesh(flashGeometry, flashMaterial);
+        flash.position.copy(position);
+        this.scene.add(flash);
         
-        // 랜덤 속도와 회전
-        debrisPiece.velocity = new THREE.Vector3(
-            (Math.random() - 0.5) * 200,
-            (Math.random() - 0.5) * 200,
-            (Math.random() - 0.5) * 200
-        );
-        debrisPiece.rotationSpeed = new THREE.Vector3(
-            Math.random() * 10,
-            Math.random() * 10,
-            Math.random() * 10
-        );
-        debrisPiece.life = 2.0;
+        // 파티클 애니메이션
+        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);
+            }
+        };
         
-        this.scene.add(debrisPiece);
-        debris.push(debrisPiece);
+        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);
+        }
     }
-    
-    // 연기 효과
-    const smokeCount = 10;
-    const smoke = [];
-    
-    for (let i = 0; i < smokeCount; i++) {
-        const smokeGeometry = new THREE.SphereGeometry(10 + Math.random() * 20, 8, 8);
-        const smokeMaterial = new THREE.MeshBasicMaterial({
-            color: 0x222222,
-            transparent: true,
-            opacity: 0.8
-        });
+
+    // 2. createExplosionEffect 수정 - emissive 속성 제거
+    createExplosionEffect(position) {
+        // 위치 유효성 검사
+        if (!position || position.x === undefined) {
+            console.error('Invalid position for explosion effect');
+            return;
+        }
         
-        const smokePuff = new THREE.Mesh(smokeGeometry, smokeMaterial);
-        smokePuff.position.copy(position);
-        smokePuff.position.add(new THREE.Vector3(
-            (Math.random() - 0.5) * 20,
-            (Math.random() - 0.5) * 20,
-            (Math.random() - 0.5) * 20
-        ));
-        
-        smokePuff.velocity = new THREE.Vector3(
-            (Math.random() - 0.5) * 50,
-            Math.random() * 50 + 20,
-            (Math.random() - 0.5) * 50
-        );
-        smokePuff.life = 3.0;
+        console.log('Creating explosion effect at position:', position);
         
-        this.scene.add(smokePuff);
-        smoke.push(smokePuff);
-    }
-    
-    console.log('Explosion visual effects created');
-    
-    // 애니메이션
-    const animateExplosion = () => {
-        let allDead = true;
-        
-        // 메인 폭발 애니메이션
-        if (explosion.material.opacity > 0) {
-            explosion.material.opacity -= 0.02;
-            explosion.scale.multiplyScalar(1.08);
-            allDead = false;
-        } else if (explosion.parent) {
-            this.scene.remove(explosion);
-        }
-        
-        // 파편 애니메이션
-        debris.forEach(piece => {
-            if (piece.life > 0) {
-                allDead = false;
-                piece.life -= 0.02;
-                
-                // 위치 업데이트
-                piece.position.add(piece.velocity.clone().multiplyScalar(0.02));
-                
-                // 중력
-                piece.velocity.y -= 3;
-                
-                // 회전
-                piece.rotation.x += piece.rotationSpeed.x * 0.02;
-                piece.rotation.y += piece.rotationSpeed.y * 0.02;
-                piece.rotation.z += piece.rotationSpeed.z * 0.02;
-                
-                // 페이드 아웃
-                piece.material.opacity = piece.life / 2;
-            } else if (piece.parent) {
-                this.scene.remove(piece);
+        // 폭발음을 가장 먼저 재생 (시각효과보다 우선)
+        try {
+            const explosionSound = new Audio('sounds/bang.ogg');
+            explosionSound.volume = 1.0; // 최대 음량
+            
+            // 즉시 재생 시도
+            const playPromise = explosionSound.play();
+            if (playPromise !== undefined) {
+                playPromise.then(() => {
+                    console.log('Explosion sound played successfully');
+                }).catch(e => {
+                    console.error('Explosion sound failed:', e);
+                });
             }
+        } catch (e) {
+            console.error('Explosion sound error:', e);
+        }
+        
+        // 메인 폭발 플래시
+        const explosionGeometry = new THREE.SphereGeometry(50, 16, 16);
+        const explosionMaterial = new THREE.MeshBasicMaterial({
+            color: 0xffaa00,
+            transparent: true,
+            opacity: 1.0
         });
         
-        // 연기 애니메이션
-        smoke.forEach(puff => {
-            if (puff.life > 0) {
+        const explosion = new THREE.Mesh(explosionGeometry, explosionMaterial);
+        explosion.position.copy(position);
+        this.scene.add(explosion);
+        
+        // 폭발 파편들
+        const debrisCount = 30;
+        const debris = [];
+        
+        for (let i = 0; i < debrisCount; i++) {
+            const debrisGeometry = new THREE.BoxGeometry(
+                2 + Math.random() * 4,
+                2 + Math.random() * 4,
+                2 + Math.random() * 4
+            );
+            const debrisMaterial = new THREE.MeshBasicMaterial({
+                color: Math.random() > 0.5 ? 0xff6600 : 0x333333,
+                transparent: true,
+                opacity: 1.0
+            });
+            
+            const debrisPiece = new THREE.Mesh(debrisGeometry, debrisMaterial);
+            debrisPiece.position.copy(position);
+            
+            // 랜덤 속도와 회전
+            debrisPiece.velocity = new THREE.Vector3(
+                (Math.random() - 0.5) * 200,
+                (Math.random() - 0.5) * 200,
+                (Math.random() - 0.5) * 200
+            );
+            debrisPiece.rotationSpeed = new THREE.Vector3(
+                Math.random() * 10,
+                Math.random() * 10,
+                Math.random() * 10
+            );
+            debrisPiece.life = 2.0;
+            
+            this.scene.add(debrisPiece);
+            debris.push(debrisPiece);
+        }
+        
+        // 연기 효과
+        const smokeCount = 10;
+        const smoke = [];
+        
+        for (let i = 0; i < smokeCount; i++) {
+            const smokeGeometry = new THREE.SphereGeometry(10 + Math.random() * 20, 8, 8);
+            const smokeMaterial = new THREE.MeshBasicMaterial({
+                color: 0x222222,
+                transparent: true,
+                opacity: 0.8
+            });
+            
+            const smokePuff = new THREE.Mesh(smokeGeometry, smokeMaterial);
+            smokePuff.position.copy(position);
+            smokePuff.position.add(new THREE.Vector3(
+                (Math.random() - 0.5) * 20,
+                (Math.random() - 0.5) * 20,
+                (Math.random() - 0.5) * 20
+            ));
+            
+            smokePuff.velocity = new THREE.Vector3(
+                (Math.random() - 0.5) * 50,
+                Math.random() * 50 + 20,
+                (Math.random() - 0.5) * 50
+            );
+            smokePuff.life = 3.0;
+            
+            this.scene.add(smokePuff);
+            smoke.push(smokePuff);
+        }
+        
+        // 애니메이션
+        const animateExplosion = () => {
+            let allDead = true;
+            
+            // 메인 폭발 애니메이션
+            if (explosion.material.opacity > 0) {
+                explosion.material.opacity -= 0.02;
+                explosion.scale.multiplyScalar(1.08);
                 allDead = false;
-                puff.life -= 0.02;
-                
-                // 위치 업데이트
-                puff.position.add(puff.velocity.clone().multiplyScalar(0.02));
-                
-                // 상승 감속
-                puff.velocity.y *= 0.98;
-                puff.velocity.x *= 0.98;
-                puff.velocity.z *= 0.98;
-                
-                // 확산
-                puff.scale.multiplyScalar(1.02);
-                
-                // 페이드 아웃
-                puff.material.opacity = (puff.life / 3) * 0.8;
-            } else if (puff.parent) {
-                this.scene.remove(puff);
+            } else if (explosion.parent) {
+                this.scene.remove(explosion);
             }
-        });
+            
+            // 파편 애니메이션
+            debris.forEach(piece => {
+                if (piece.life > 0) {
+                    allDead = false;
+                    piece.life -= 0.02;
+                    
+                    // 위치 업데이트
+                    piece.position.add(piece.velocity.clone().multiplyScalar(0.02));
+                    
+                    // 중력
+                    piece.velocity.y -= 3;
+                    
+                    // 회전
+                    piece.rotation.x += piece.rotationSpeed.x * 0.02;
+                    piece.rotation.y += piece.rotationSpeed.y * 0.02;
+                    piece.rotation.z += piece.rotationSpeed.z * 0.02;
+                    
+                    // 페이드 아웃
+                    piece.material.opacity = piece.life / 2;
+                } else if (piece.parent) {
+                    this.scene.remove(piece);
+                }
+            });
+            
+            // 연기 애니메이션
+            smoke.forEach(puff => {
+                if (puff.life > 0) {
+                    allDead = false;
+                    puff.life -= 0.02;
+                    
+                    // 위치 업데이트
+                    puff.position.add(puff.velocity.clone().multiplyScalar(0.02));
+                    
+                    // 상승 감속
+                    puff.velocity.y *= 0.98;
+                    puff.velocity.x *= 0.98;
+                    puff.velocity.z *= 0.98;
+                    
+                    // 확산
+                    puff.scale.multiplyScalar(1.02);
+                    
+                    // 페이드 아웃
+                    puff.material.opacity = (puff.life / 3) * 0.8;
+                } else if (puff.parent) {
+                    this.scene.remove(puff);
+                }
+            });
+            
+            if (!allDead) {
+                requestAnimationFrame(animateExplosion);
+            }
+        };
         
-        if (!allDead) {
-            requestAnimationFrame(animateExplosion);
-        }
-    };
-    
-    animateExplosion();
-}
+        animateExplosion();
+    }
 
     showHitMarker(position) {
         // 히트 마커 div 생성