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;
     }
 
@@ -537,6 +537,9 @@ class Game {
             
             document.getElementById('loading').style.display = 'none';
             
+            // BGM 사전 로딩
+            this.preloadBGM();
+            
             this.animate();
             
         } catch (error) {
@@ -546,6 +549,28 @@ class Game {
         }
     }
 
+    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);
+        }
+    }
+
     async preloadEnemies() {
         for (let i = 0; i < GAME_CONSTANTS.ENEMY_COUNT; i++) {
             const angle = (i / GAME_CONSTANTS.ENEMY_COUNT) * Math.PI * 2;
@@ -682,58 +707,39 @@ class Game {
     }
 
     startBGM() {
-        if (this.bgmPlaying) return;
+        if (this.bgmPlaying || !this.bgm) return;
         
-        console.log('BGM 시작 시도...');
+        console.log('BGM 재생 시도...');
         
-        try {
-            this.bgm = new Audio('sounds/main.ogg');
-            this.bgm.volume = 0.5;
-            this.bgm.loop = true;
-            
-            console.log('Audio 객체 생성 완료');
-            
-            // 오디오 이벤트 리스너 추가
-            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 데이터 로드 완료'));
-            
-            // 즉시 재생 시도
-            const playPromise = this.bgm.play();
-            
-            console.log('재생 시도 중...');
-            
-            if (playPromise !== undefined) {
-                playPromise.then(() => {
-                    this.bgmPlaying = true;
-                    console.log('BGM 재생 시작 성공!');
-                }).catch(error => {
-                    console.log('자동 재생이 차단됨:', error);
-                    console.log('클릭 후 재생 시도 대기 중...');
-                    
-                    // 사용자 상호작용 후 재생 재시도
-                    const tryPlayOnInteraction = () => {
-                        if (!this.bgmPlaying) {
-                            console.log('사용자 상호작용으로 BGM 재생 시도...');
-                            this.bgm.play().then(() => {
-                                this.bgmPlaying = true;
-                                console.log('BGM 재생 시작 성공 (클릭 후)!');
-                                // 이벤트 리스너 제거
-                                document.removeEventListener('click', tryPlayOnInteraction);
-                                document.removeEventListener('keydown', tryPlayOnInteraction);
-                            }).catch(e => console.log('BGM 재생 실패:', e));
-                        }
-                    };
-                    
-                    // 클릭이나 키보드 입력 시 재생 시도
-                    document.addEventListener('click', tryPlayOnInteraction);
-                    document.addEventListener('keydown', tryPlayOnInteraction);
-                });
-            }
-            
-        } catch (error) {
-            console.log('BGM 초기화 실패:', error);
+        // 즉시 재생 시도
+        const playPromise = this.bgm.play();
+        
+        if (playPromise !== undefined) {
+            playPromise.then(() => {
+                this.bgmPlaying = true;
+                console.log('BGM 재생 시작 성공!');
+            }).catch(error => {
+                console.log('자동 재생이 차단됨:', error);
+                console.log('클릭 후 재생 시도 대기 중...');
+                
+                // 사용자 상호작용 후 재생 재시도
+                const tryPlayOnInteraction = () => {
+                    if (!this.bgmPlaying && this.bgm) {
+                        console.log('사용자 상호작용으로 BGM 재생 시도...');
+                        this.bgm.play().then(() => {
+                            this.bgmPlaying = true;
+                            console.log('BGM 재생 시작 성공 (클릭 후)!');
+                            // 이벤트 리스너 제거
+                            document.removeEventListener('click', tryPlayOnInteraction);
+                            document.removeEventListener('keydown', tryPlayOnInteraction);
+                        }).catch(e => console.log('BGM 재생 실패:', e));
+                    }
+                };
+                
+                // 클릭이나 키보드 입력 시 재생 시도
+                document.addEventListener('click', tryPlayOnInteraction);
+                document.addEventListener('keydown', tryPlayOnInteraction);
+            });
         }
     }