Update game.js

game.js

@@ -58,8 +58,8 @@ class Fighter {
         this.lastShootTime = 0;
         
         // 카메라 설정
-        this.cameraDistance = 250;
-        this.cameraHeight = 45;
+        this.cameraDistance = 60;
+        this.cameraHeight = 15;
         this.cameraLag = 0.1;
     }
 
@@ -505,6 +505,7 @@ class Game {
         this.fighter = new Fighter();
         this.enemies = [];
         this.isLoaded = false;
+        this.isBGMReady = false;
         this.isGameOver = false;
         this.gameTime = GAME_CONSTANTS.MISSION_DURATION;
         this.score = 0;
@@ -538,10 +539,11 @@ class Game {
             this.isLoaded = true;
             console.log('게임 리소스 로딩 완료');
             
-            document.getElementById('loading').style.display = 'none';
-            
             // BGM 사전 로딩
-            this.preloadBGM();
+            await this.preloadBGM();
+            
+            // 모든 리소스 로딩 완료 후 로딩 화면 숨기기
+            this.checkAllResourcesReady();
             
             this.animate();
             
@@ -552,26 +554,53 @@ class Game {
         }
     }
 
-    preloadBGM() {
+    checkAllResourcesReady() {
+        if (this.isLoaded && this.isBGMReady) {
+            document.getElementById('loading').style.display = 'none';
+            console.log('모든 리소스 준비 완료 - 게임 시작 가능');
+        }
+    }
+
+    async preloadBGM() {
         console.log('BGM 사전 로딩...');
         
-        try {
-            this.bgm = new Audio('sounds/main.ogg');
-            this.bgm.volume = 0.5;
-            this.bgm.loop = true;
-            
-            // 오디오 이벤트 리스너 추가
-            this.bgm.addEventListener('loadstart', () => console.log('BGM 로딩 시작'));
-            this.bgm.addEventListener('canplay', () => console.log('BGM 재생 가능'));
-            this.bgm.addEventListener('error', (e) => console.log('BGM 에러:', e));
-            this.bgm.addEventListener('loadeddata', () => console.log('BGM 데이터 로드 완료'));
-            
-            // 파일 사전 로딩
-            this.bgm.load();
-            
-        } catch (error) {
-            console.log('BGM 사전 로딩 실패:', error);
-        }
+        return new Promise((resolve, reject) => {
+            try {
+                this.bgm = new Audio('sounds/main.ogg');
+                this.bgm.volume = 0.5;
+                this.bgm.loop = true;
+                
+                // BGM 로딩 완료 이벤트
+                this.bgm.addEventListener('canplaythrough', () => {
+                    console.log('BGM 재생 준비 완료');
+                    this.isBGMReady = true;
+                    resolve();
+                });
+                
+                this.bgm.addEventListener('error', (e) => {
+                    console.log('BGM 에러:', e);
+                    this.isBGMReady = true; // 에러가 나더라도 게임은 시작할 수 있게
+                    resolve();
+                });
+                
+                // 파일 사전 로딩
+                this.bgm.load();
+                
+                // 타임아웃 설정 (5초 후에도 로딩이 안되면 강제로 완료)
+                setTimeout(() => {
+                    if (!this.isBGMReady) {
+                        console.log('BGM 로딩 타임아웃 - 게임 진행');
+                        this.isBGMReady = true;
+                        resolve();
+                    }
+                }, 5000);
+                
+            } catch (error) {
+                console.log('BGM 사전 로딩 실패:', error);
+                this.isBGMReady = true; // 에러가 나더라도 게임은 시작할 수 있게
+                resolve();
+            }
+        });
     }
 
     async preloadEnemies() {
@@ -946,16 +975,20 @@ let gameInstance = null;
 
 // 전역 함수
 window.startGame = function() {
+    // 게임과 BGM이 모두 준비되었는지 확인
+    if (!gameInstance || !gameInstance.isLoaded || !gameInstance.isBGMReady) {
+        console.log('게임이 아직 준비되지 않았습니다...');
+        console.log('게임 로딩:', gameInstance?.isLoaded ? '완료' : '진행중');
+        console.log('BGM 준비:', gameInstance?.isBGMReady ? '완료' : '진행중');
+        return;
+    }
+    
     document.getElementById('startScreen').style.display = 'none';
     document.body.requestPointerLock();
     
-    if (gameInstance && gameInstance.isLoaded) {
-        // 즉시 BGM 재생 시도 (사용자 클릭 시점)
-        gameInstance.startBGM();
-        gameInstance.startGame();
-    } else {
-        console.log('게임이 아직 준비되지 않았습니다...');
-    }
+    // 즉시 BGM 재생 시도 (사용자 클릭 시점)
+    gameInstance.startBGM();
+    gameInstance.startGame();
 };
 
 // 게임 초기화