Update game.js

game.js

@@ -5,9 +5,9 @@ import { PointerLockControls } from 'three/addons/controls/PointerLockControls.j
 // 게임 상수
 const GAME_DURATION = 180;
 const MAP_SIZE = 2000;
-const HELICOPTER_HEIGHT = 100;
-const ENEMY_GROUND_HEIGHT = 5;
-const ENEMY_SCALE = 3;
+const HELICOPTER_HEIGHT = 30;  // 30m로 조정
+const ENEMY_GROUND_HEIGHT = 0;
+const ENEMY_SCALE = 10;  // 크기 대폭 증가
 const MAX_HEALTH = 1000;
 const ENEMY_MOVE_SPEED = 0.1;
 const ENEMY_MODELS = [
@@ -33,10 +33,66 @@ let currentStage = 1;
 let isGameOver = false;
 let lastTime = performance.now();
 
+// 총소리 생성기 클래스
+class GunSoundGenerator {
+    constructor(audioContext) {
+        this.audioContext = audioContext;
+    }
+
+    createGunshot() {
+        // 메인 오실레이터 (총소리의 주요 주파수)
+        const mainOsc = this.audioContext.createOscillator();
+        mainOsc.type = 'square';
+        mainOsc.frequency.setValueAtTime(100, this.audioContext.currentTime);
+        mainOsc.frequency.exponentialRampToValueAtTime(1, this.audioContext.currentTime + 0.1);
+
+        // 노이즈 생성
+        const noiseBuffer = this.createNoiseBuffer();
+        const noise = this.audioContext.createBufferSource();
+        noise.buffer = noiseBuffer;
+
+        // 게인 노드들
+        const mainGain = this.audioContext.createGain();
+        const noiseGain = this.audioContext.createGain();
+
+        // 볼륨 엔벨로프 설정
+        mainGain.gain.setValueAtTime(1, this.audioContext.currentTime);
+        mainGain.gain.exponentialRampToValueAtTime(0.01, this.audioContext.currentTime + 0.1);
+        
+        noiseGain.gain.setValueAtTime(1, this.audioContext.currentTime);
+        noiseGain.gain.exponentialRampToValueAtTime(0.01, this.audioContext.currentTime + 0.05);
+
+        // 연결
+        mainOsc.connect(mainGain);
+        noise.connect(noiseGain);
+        mainGain.connect(this.audioContext.destination);
+        noiseGain.connect(this.audioContext.destination);
+
+        // 재생
+        mainOsc.start();
+        noise.start();
+        mainOsc.stop(this.audioContext.currentTime + 0.1);
+        noise.stop(this.audioContext.currentTime + 0.1);
+    }
+
+    createNoiseBuffer() {
+        const bufferSize = this.audioContext.sampleRate * 0.1;
+        const buffer = this.audioContext.createBuffer(1, bufferSize, this.audioContext.sampleRate);
+        const output = buffer.getChannelData(0);
+
+        for (let i = 0; i < bufferSize; i++) {
+            output[i] = Math.random() * 2 - 1;
+        }
+
+        return buffer;
+    }
+}
+
 // 사운드 시스템
 class SoundSystem {
     constructor() {
         this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
+        this.gunSoundGenerator = new GunSoundGenerator(this.audioContext);
         this.buffers = new Map();
         this.pools = new Map();
     }
@@ -66,6 +122,10 @@ class SoundSystem {
         this.pools.set(name, pool);
     }
 
+    playGunshot() {
+        this.gunSoundGenerator.createGunshot();
+    }
+
     play(name) {
         const pool = this.pools.get(name);
         const buffer = this.buffers.get(name);
@@ -105,7 +165,6 @@ const moveState = {
 
 async function initSounds() {
     try {
-        await soundSystem.loadSound('gunshot', 'gun.wav');
         await soundSystem.loadSound('explosion', 'explosion.wav');
         console.log('All sounds loaded successfully');
     } catch (error) {
@@ -169,72 +228,21 @@ async function init() {
     }
 }
 
-
-async function testModelLoading() {
-    const loader = new GLTFLoader();
-    const testPath = ENEMY_MODELS[0];
+function createEnemyOutline(model) {
+    const outlineMaterial = new THREE.MeshBasicMaterial({
+        color: 0xff0000,
+        side: THREE.BackSide
+    });
     
-    try {
-        const gltf = await new Promise((resolve, reject) => {
-            loader.load(testPath, resolve, undefined, reject);
-        });
-        console.log('Test model loaded successfully:', gltf);
-    } catch (error) {
-        console.error('Test model loading failed:', error);
-        console.error('Test path was:', testPath);
-    }
-}
-
-function createTerrain() {
-    return new Promise((resolve) => {
-        const geometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 200, 200);
-        const material = new THREE.MeshStandardMaterial({
-            color: 0xD2B48C,
-            roughness: 0.8,
-            metalness: 0.2
-        });
-
-        const vertices = geometry.attributes.position.array;
-        for (let i = 0; i < vertices.length; i += 3) {
-            vertices[i + 2] = Math.sin(vertices[i] * 0.01) * Math.cos(vertices[i + 1] * 0.01) * 20;
+    const outlineMesh = model.clone();
+    outlineMesh.traverse((node) => {
+        if (node.isMesh) {
+            node.material = outlineMaterial;
+            node.scale.multiplyScalar(1.05);
         }
-
-        geometry.attributes.position.needsUpdate = true;
-        geometry.computeVertexNormals();
-
-        const terrain = new THREE.Mesh(geometry, material);
-        terrain.rotation.x = -Math.PI / 2;
-        terrain.receiveShadow = true;
-        scene.add(terrain);
-
-        addObstacles();
-        resolve();
-    });
-}
-
-function addObstacles() {
-    const rockGeometry = new THREE.DodecahedronGeometry(10);
-    const rockMaterial = new THREE.MeshStandardMaterial({
-        color: 0x8B4513,
-        roughness: 0.9
     });
-
-    for (let i = 0; i < 100; i++) {
-        const rock = new THREE.Mesh(rockGeometry, rockMaterial);
-        rock.position.set(
-            (Math.random() - 0.5) * MAP_SIZE * 0.9,
-            Math.random() * 10,
-            (Math.random() - 0.5) * MAP_SIZE * 0.9
-        );
-        rock.rotation.set(
-            Math.random() * Math.PI,
-            Math.random() * Math.PI,
-            Math.random() * Math.PI
-        );
-        rock.castShadow = true;
-        rock.receiveShadow = true;
-        scene.add(rock);
-    }
+    
+    model.add(outlineMesh);
 }
 
 async function loadEnemies() {
@@ -259,7 +267,9 @@ async function loadEnemies() {
         const tempMaterial = new THREE.MeshPhongMaterial({ 
             color: 0xff0000,
             transparent: true,
-            opacity: 0.8
+            opacity: 0.8,
+            emissive: 0xff0000,
+            emissiveIntensity: 0.5
         });
         const tempEnemy = new THREE.Mesh(tempGeometry, tempMaterial);
         tempEnemy.position.copy(position);
@@ -267,6 +277,11 @@ async function loadEnemies() {
         tempEnemy.receiveShadow = true;
         scene.add(tempEnemy);
 
+        // 임시 적에 빛 추가
+        const tempLight = new THREE.PointLight(0xff0000, 1, 20);
+        tempLight.position.set(0, 5, 0);
+        tempEnemy.add(tempLight);
+
         const enemy = {
             model: tempEnemy,
             health: 100,
@@ -293,9 +308,19 @@ async function loadEnemies() {
                             node.receiveShadow = true;
                             node.material.metalness = 0.2;
                             node.material.roughness = 0.8;
+                            node.material.emissive = new THREE.Color(0x444444);
+                            node.material.emissiveIntensity = 0.5;
                         }
                     });
 
+                    // 아웃라인 효과 추가
+                    createEnemyOutline(model);
+
+                    // 적 주변에 빛 추가
+                    const enemyLight = new THREE.PointLight(0xff0000, 1, 20);
+                    enemyLight.position.set(0, 5, 0);
+                    model.add(enemyLight);
+
                     scene.remove(tempEnemy);
                     scene.add(model);
                     enemy.model = model;
@@ -321,6 +346,58 @@ async function loadEnemies() {
     }
 }
 
+function createTerrain() {
+    return new Promise((resolve) => {
+        const geometry = new THREE.PlaneGeometry(MAP_SIZE, MAP_SIZE, 200, 200);
+        const material = new THREE.MeshStandardMaterial({
+            color: 0xD2B48C,
+            roughness: 0.8,
+            metalness: 0.2
+        });
+
+        const vertices = geometry.attributes.position.array;
+        for (let i = 0; i < vertices.length; i += 3) {
+            vertices[i + 2] = Math.sin(vertices[i] * 0.01) * Math.cos(vertices[i + 1] * 0.01) * 20;
+        }
+
+        geometry.attributes.position.needsUpdate = true;
+        geometry.computeVertexNormals();
+
+        const terrain = new THREE.Mesh(geometry, material);
+        terrain.rotation.x = -Math.PI / 2;
+        terrain.receiveShadow = true;
+        scene.add(terrain);
+
+        addObstacles();
+        resolve();
+    });
+}
+
+function addObstacles() {
+    const rockGeometry = new THREE.DodecahedronGeometry(10);
+    const rockMaterial = new THREE.MeshStandardMaterial({
+        color: 0x8B4513,
+        roughness: 0.9
+    });
+
+    for (let i = 0; i < 100; i++) {
+        const rock = new THREE.Mesh(rockGeometry, rockMaterial);
+        rock.position.set(
+            (Math.random() - 0.5) * MAP_SIZE * 0.9,
+            Math.random() * 10,
+            (Math.random() - 0.5) * MAP_SIZE * 0.9
+        );
+        rock.rotation.set(
+            Math.random() * Math.PI,
+            Math.random() * Math.PI,
+            Math.random() * Math.PI
+        );
+        rock.castShadow = true;
+        rock.receiveShadow = true;
+        scene.add(rock);
+    }
+}
+
 function createExplosion(position) {
     const particleCount = 30;
     const particles = [];
@@ -331,7 +408,9 @@ function createExplosion(position) {
             new THREE.MeshBasicMaterial({ 
                 color: 0xff4400,
                 transparent: true,
-                opacity: 1
+                opacity: 1,
+                emissive: 0xff4400,
+                emissiveIntensity: 1
             })
         );
         
@@ -344,6 +423,12 @@ function createExplosion(position) {
         
         particles.push(particle);
         scene.add(particle);
+
+        // 폭발 지점에 일시적인 빛 추가
+        const explosionLight = new THREE.PointLight(0xff4400, 2, 20);
+        explosionLight.position.copy(position);
+        scene.add(explosionLight);
+        setTimeout(() => scene.remove(explosionLight), 100);
     }
 
     function animateExplosion() {
@@ -370,7 +455,6 @@ function createExplosion(position) {
 function onClick() {
     if (!controls.isLocked) {
         controls.lock();
-        // 사운드 컨텍스트 시작 (많은 브라우저에서 필요)
         soundSystem.audioContext.resume();
     } else if (ammo > 0) {
         shoot();
@@ -411,282 +495,11 @@ function shoot() {
     const bullet = createBullet();
     bullets.push(bullet);
     
-    soundSystem.play('gunshot');
-}
-
-function createBullet() {
-    const bulletGeometry = new THREE.SphereGeometry(0.5);
-    const bulletMaterial = new THREE.MeshBasicMaterial({ 
-        color: 0xffff00,
-        emissive: 0xffff00,
-        emissiveIntensity: 1
-    });
-    const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
-    
-    bullet.position.copy(camera.position);
-    const direction = new THREE.Vector3();
-    camera.getWorldDirection(direction);
-    bullet.velocity = direction.multiplyScalar(3);
-    
-    scene.add(bullet);
-    return bullet;
-}
-
-function createEnemyBullet(enemy) {
-    const bulletGeometry = new THREE.SphereGeometry(0.5);
-    const bulletMaterial = new THREE.MeshBasicMaterial({ 
-        color: 0xff0000,
-        emissive: 0xff0000,
-        emissiveIntensity: 1
-    });
-    const bullet = new THREE.Mesh(bulletGeometry, bulletMaterial);
-    
-    bullet.position.copy(enemy.model.position);
-    bullet.position.y += 2; // 총구 높이 조정
-    
-    const direction = new THREE.Vector3();
-    direction.subVectors(camera.position, enemy.model.position).normalize();
-    bullet.velocity = direction.multiplyScalar(ENEMY_CONFIG.BULLET_SPEED);
-    
-    scene.add(bullet);
-    return bullet;
-}
-
-function reload() {
-    ammo = 30;
-    updateAmmoDisplay();
-}
-
-function updateAmmoDisplay() {
-    document.getElementById('ammo').textContent = `Ammo: ${ammo}/30`;
-}
-
-function updateHealthBar() {
-    const healthElement = document.getElementById('health');
-    const healthPercentage = (playerHealth / MAX_HEALTH) * 100;
-    healthElement.style.width = `${healthPercentage}%`;
-}
-
-function updateHelicopterHUD() {
-    const altitude = Math.round(camera.position.y);
-    document.querySelector('#altitude-indicator span').textContent = altitude;
-
-    const speed = Math.round(
-        Math.sqrt(
-            moveState.forward * moveState.forward +
-            moveState.right * moveState.right
-        ) * 100
-    );
-    document.querySelector('#speed-indicator span').textContent = speed;
-
-    const heading = Math.round(
-        (camera.rotation.y * (180 / Math.PI) + 360) % 360
-    );
-    document.querySelector('#compass span').textContent = heading;
-
-    updateRadar();
-}
-
-function updateRadar() {
-    const radarTargets = document.querySelector('.radar-targets');
-    radarTargets.innerHTML = '';
-
-    enemies.forEach(enemy => {
-        if (!enemy || !enemy.model) return;
-
-        const relativePos = enemy.model.position.clone().sub(camera.position);
-        const distance = relativePos.length();
-        
-        if (distance < 500) {
-            // 플레이어의 방향을 기준으로 상대적인 각도 계산
-            const playerAngle = camera.rotation.y;
-            const enemyAngle = Math.atan2(relativePos.x, relativePos.z);
-            const relativeAngle = enemyAngle - playerAngle;
-            
-            const normalizedDistance = distance / 500;
-            
-            const dot = document.createElement('div');
-            dot.className = 'radar-dot';
-            dot.style.left = `${50 + Math.sin(relativeAngle) * normalizedDistance * 45}%`;
-            dot.style.top = `${50 + Math.cos(relativeAngle) * normalizedDistance * 45}%`;
-            radarTargets.appendChild(dot);
-        }
-    });
-}
-
-function updateMovement() {
-    if (controls.isLocked) {
-        const speed = 2.0;
-        if (moveState.forward) controls.moveForward(speed);
-        if (moveState.backward) controls.moveForward(-speed);
-        if (moveState.left) controls.moveRight(-speed);
-        if (moveState.right) controls.moveRight(speed);
-
-        // 최소 고도 유지
-        if (camera.position.y < HELICOPTER_HEIGHT) {
-            camera.position.y = HELICOPTER_HEIGHT;
-        }
-    }
-}
-
-function updateBullets() {
-    for (let i = bullets.length - 1; i >= 0; i--) {
-        if (!bullets[i]) continue;
-        
-        bullets[i].position.add(bullets[i].velocity);
-        
-        enemies.forEach(enemy => {
-            if (!enemy || !enemy.model) return;
-            
-            if (bullets[i] && bullets[i].position.distanceTo(enemy.model.position) < 5) {
-                scene.remove(bullets[i]);
-                bullets.splice(i, 1);
-                enemy.health -= 25;
-                
-                // 피격 효과
-                createExplosion(enemy.model.position.clone());
-                
-                if (enemy.health <= 0) {
-                    // 파괴 효과
-                    createExplosion(enemy.model.position.clone());
-                    createExplosion(enemy.model.position.clone().add(new THREE.Vector3(2, 0, 2)));
-                    createExplosion(enemy.model.position.clone().add(new THREE.Vector3(-2, 0, -2)));
-                    scene.remove(enemy.model);
-                    enemies = enemies.filter(e => e !== enemy);
-                    console.log('Enemy destroyed, remaining enemies:', enemies.length);
-                }
-            }
-        });
-
-        if (bullets[i] && bullets[i].position.distanceTo(camera.position) > 1000) {
-            scene.remove(bullets[i]);
-            bullets.splice(i, 1);
-        }
-    }
-}
-
-function updateEnemyBullets() {
-    for (let i = enemyBullets.length - 1; i >= 0; i--) {
-        if (!enemyBullets[i]) continue;
-
-        enemyBullets[i].position.add(enemyBullets[i].velocity);
-        
-        if (enemyBullets[i].position.distanceTo(camera.position) < 3) {
-            playerHealth -= 10;
-            updateHealthBar();
-            scene.remove(enemyBullets[i]);
-            enemyBullets.splice(i, 1);
-            
-            if (playerHealth <= 0) {
-                gameOver(false);
-            }
-            continue;
-        }
-
-        if (enemyBullets[i].position.distanceTo(camera.position) > 1000) {
-            scene.remove(enemyBullets[i]);
-            enemyBullets.splice(i, 1);
-        }
-    }
-}
-
-function updateEnemies() {
-    const currentTime = Date.now();
-    
-    enemies.forEach(enemy => {
-        if (!enemy || !enemy.model) {
-            console.warn('Invalid enemy detected');
-            return;
-        }
-
-        // 적의 현재 위치에서 플레이어 방향으로 향하는 벡터 계산
-        const direction = new THREE.Vector3();
-        direction.subVectors(camera.position, enemy.model.position);
-        direction.y = 0; // y축 이동 제한
-        direction.normalize();
-        
-        // 새로운 위치 계산
-        const newPosition = enemy.model.position.clone()
-            .add(direction.multiplyScalar(enemy.speed));
-        newPosition.y = ENEMY_GROUND_HEIGHT;
-        enemy.model.position.copy(newPosition);
-
-        // 적이 플레이어를 바라보도록 설정
-        enemy.model.lookAt(new THREE.Vector3(
-            camera.position.x,
-            enemy.model.position.y,
-            camera.position.z
-        ));
-
-        // 공격 로직
-        const distanceToPlayer = enemy.model.position.distanceTo(camera.position);
-        if (distanceToPlayer < ENEMY_CONFIG.ATTACK_RANGE && 
-            currentTime - enemy.lastAttackTime > ENEMY_CONFIG.ATTACK_INTERVAL) {
-            
-            console.log('Enemy attacking!');
-            enemyBullets.push(createEnemyBullet(enemy));
-            enemy.lastAttackTime = currentTime;
-        }
-    });
-}
-
-function checkGameStatus() {
-    if (enemies.length === 0 && currentStage < 5) {
-        currentStage++;
-        document.getElementById('stage').style.display = 'block';
-        document.getElementById('stage').textContent = `Stage ${currentStage}`;
-        setTimeout(() => {
-            document.getElementById('stage').style.display = 'none';
-            loadEnemies();
-        }, 2000);
-    }
-}
-
-function gameOver(won) {
-    isGameOver = true;
-    controls.unlock();
-    soundSystem.audioContext.suspend();
-    alert(won ? 'Mission Complete!' : 'Game Over!');
-    location.reload();
-}
-
-function gameLoop() {
-    requestAnimationFrame(gameLoop);
-
-    const time = performance.now();
-    const delta = (time - lastTime) / 1000;
-    lastTime = time;
-
-    if (controls.isLocked && !isGameOver) {
-        updateMovement();
-        updateBullets();
-        updateEnemies();
-        updateEnemyBullets();
-        updateHelicopterHUD();
-        checkGameStatus();
-    }
-
-    renderer.render(scene, camera);
-}
-
-// 게임 시작
-window.addEventListener('load', async () => {
-    try {
-        await init();
-        console.log('Game started');
-        console.log('Active enemies:', enemies.length);
-        gameLoop();
-    } catch (error) {
-        console.error('Game initialization error:', error);
-        alert('Error loading game. Please check console for details.');
-    }
-});
-
-// 디버깅을 위한 전역 접근
-window.debugGame = {
-    scene,
-    camera,
-    enemies,
-    soundSystem,
-    reloadEnemies: loadEnemies
-};
+    soundSystem.playGunshot();
+
+    // 총구 화염 효과
+    const muzzleFlash = new THREE.PointLight(0xffff00, 3, 10);
+    muzzleFlash.position.copy(camera.position);
+    scene.add(muzzleFlash);
+    setTimeout(() => scene.remove(muzzleFlash), 50);
+}