Update game.js

game.js

@@ -10,9 +10,9 @@ const ENEMY_SCALE = 3;
 const MAX_HEALTH = 1000;
 const ENEMY_MODELS = [
     './models/enemy1.glb',
-    './models/enemy2.glb',
-    './models/enemy3.glb',
-    './models/enemy4.glb'
+    './models/enemy12.glb',
+    './models/enemy13.glb',
+    './models/enemy14.glb'
 ];
 const ENEMY_CONFIG = {
     ATTACK_RANGE: 100,
@@ -69,7 +69,7 @@ class SoundPool {
 // 사운드 초기화
 const sounds = {
     bgm: new Audio('Music.wav'),
-    gunshot: new SoundPool('gun.wav', 20)
+    gunshot: new SoundPool('gun.wav', 20)  // 풀 크기를 20으로 증가
 };
 sounds.bgm.loop = true;
 
@@ -82,6 +82,9 @@ const moveState = {
 };
 
 function init() {
+    console.log('Game initialized');
+    console.log('Available enemy models:', ENEMY_MODELS);
+
     // Scene 초기화
     scene = new THREE.Scene();
     scene.background = new THREE.Color(0x87ceeb);
@@ -177,22 +180,22 @@ function loadEnemies() {
         // 임시 적 생성
         const tempEnemy = createTemporaryEnemy(position);
         scene.add(tempEnemy);
-        enemies.push({
-            model: tempEnemy,
-            health: 100,
-            speed: 0.3 + (currentStage * 0.1),
-            lastAttackTime: 0
-        });
-
-        // GLB 모델 로드 시도
+        
+        // GLB 모델 로드
         const modelPath = ENEMY_MODELS[i % ENEMY_MODELS.length];
-        loader.load(modelPath,
+        console.log('Loading enemy model:', modelPath);
+
+        loader.load(
+            modelPath,
             (gltf) => {
-                console.log('Enemy model loaded:', modelPath);
+                console.log('Successfully loaded enemy model:', modelPath);
                 const enemy = gltf.scene;
                 enemy.scale.set(ENEMY_SCALE, ENEMY_SCALE, ENEMY_SCALE);
                 enemy.position.copy(position);
 
+                // 모델 방향 설정
+                enemy.rotation.y = Math.PI;
+
                 enemy.traverse((node) => {
                     if (node.isMesh) {
                         node.castShadow = true;
@@ -205,21 +208,47 @@ function loadEnemies() {
                 // 임시 적을 실제 모델로 교체
                 scene.remove(tempEnemy);
                 scene.add(enemy);
+
+                // enemies 배열 업데이트
                 const index = enemies.findIndex(e => e.model === tempEnemy);
                 if (index !== -1) {
                     enemies[index].model = enemy;
+                    // 적 공격 효과 추가
+                    enemies[index].muzzleFlash = createMuzzleFlash();
+                    enemy.add(enemies[index].muzzleFlash);
                 }
             },
             (xhr) => {
-                console.log((xhr.loaded / xhr.total * 100) + '% loaded');
+                console.log(`${modelPath}: ${(xhr.loaded / xhr.total * 100)}% loaded`);
             },
             (error) => {
-                console.error('Error loading enemy model:', error);
+                console.error('Error loading enemy model:', modelPath, error);
             }
         );
+
+        // enemies 배열에 추가
+        enemies.push({
+            model: tempEnemy,
+            health: 100,
+            speed: 0.3 + (currentStage * 0.1),
+            lastAttackTime: 0
+        });
     }
 }
 
+function createMuzzleFlash() {
+    const geometry = new THREE.PlaneGeometry(2, 2);
+    const material = new THREE.MeshBasicMaterial({
+        color: 0xff7700,
+        transparent: true,
+        opacity: 0,
+        blending: THREE.AdditiveBlending
+    });
+    const muzzleFlash = new THREE.Mesh(geometry, material);
+    muzzleFlash.visible = false;
+    return muzzleFlash;
+}
+
 function addObstacles() {
     const rockGeometry = new THREE.DodecahedronGeometry(10);
     const rockMaterial = new THREE.MeshStandardMaterial({
@@ -293,7 +322,11 @@ function shoot() {
 
 function createBullet() {
     const bulletGeometry = new THREE.SphereGeometry(0.5);
-    const bulletMaterial = new THREE.MeshBasicMaterial({ color: 0xffff00 });
+    const bulletMaterial = new THREE.MeshBasicMaterial({ 
+        color: 0xffff00,
+        emissive: 0xffff00,
+        emissiveIntensity: 1
+    });
     const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
     
     bullet.position.copy(camera.position);
@@ -307,10 +340,30 @@ function createBullet() {
 
 function createEnemyBullet(enemy) {
     const bulletGeometry = new THREE.SphereGeometry(0.5);
-    const bulletMaterial = new THREE.MeshBasicMaterial({ color: 0xff0000 });
+    const bulletMaterial = new THREE.MeshBasicMaterial({ 
+        color: 0xff0000,
+        emissive: 0xff0000,
+        emissiveIntensity: 1
+    });
     const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
     
-    bullet.position.copy(enemy.model.position);
+    // 총구 위치 조정
+    const muzzleOffset = new THREE.Vector3(0, 2, 0);
+    bullet.position.copy(enemy.model.position).add(muzzleOffset);
+    
+    // 총알 궤적 효과
+    const trail = new THREE.Points(
+        new THREE.BufferGeometry().setFromPoints([
+            new THREE.Vector3(0, 0, 0),
+            new THREE.Vector3(0, 0, -5)
+        ]),
+        new THREE.PointsMaterial({ 
+            color: 0xff0000,
+            size: 0.5,
+            blending: THREE.AdditiveBlending
+        })
+    );
+    bullet.add(trail);
     
     const direction = new THREE.Vector3();
     direction.subVectors(camera.position, enemy.model.position).normalize();
@@ -447,6 +500,17 @@ function updateEnemies() {
         const distanceToPlayer = enemy.model.position.distanceTo(camera.position);
         if (distanceToPlayer < ENEMY_CONFIG.ATTACK_RANGE && 
             currentTime - enemy.lastAttackTime > ENEMY_CONFIG.ATTACK_INTERVAL) {
+            
+            // 총구 화염 효과 표시
+            if (enemy.muzzleFlash) {
+                enemy.muzzleFlash.material.opacity = 1;
+                enemy.muzzleFlash.visible = true;
+                setTimeout(() => {
+                    enemy.muzzleFlash.visible = false;
+                    enemy.muzzleFlash.material.opacity = 0;
+                }, 100);
+            }
+
             enemyBullets.push(createEnemyBullet(enemy));
             enemy.lastAttackTime = currentTime;
         }