Update game.js

game.js

@@ -972,21 +972,42 @@ class Game {
 
       async initialize() {
     try {
-        // BGM이 아직 재생되지 않은 경우에만 재생
-        if (!this.bgmPlaying && !this.bgm) {
+        // BGM 초기화 및 재생
+        if (!this.bgm) {
             this.bgm = new Audio('sounds/BGM.ogg');
             this.bgm.volume = 0.5;
             this.bgm.loop = true;
-            this.bgm.play();
-            this.bgmPlaying = true;
         }
-      
+
+        // 사용자 상호작용 후 BGM 재생
+        const playBGM = () => {
+            if (this.bgm && !this.bgmPlaying) {
+                this.bgm.play()
+                    .then(() => {
+                        this.bgmPlaying = true;
+                    })
+                    .catch(error => {
+                        console.error('BGM playback failed:', error);
+                    });
+            }
+        };
+
         // 시작 사운드 재생
         const startSounds = ['sounds/start1.ogg', 'sounds/start2.ogg', 'sounds/start3.ogg'];
         const randomStartSound = startSounds[Math.floor(Math.random() * startSounds.length)];
         const startAudio = new Audio(randomStartSound);
         startAudio.volume = 0.5;
-        startAudio.play();
+        
+        // 시작 사운드 재생 후 BGM 시작
+        startAudio.play()
+            .then(() => {
+                playBGM();
+            })
+            .catch(error => {
+                console.error('Start sound playback failed:', error);
+                playBGM(); // 시작 사운드 실패해도 BGM 시작
+            });
+
         
         // 렌더러 설정
         this.renderer.shadowMap.enabled = true;
@@ -1884,7 +1905,11 @@ class Game {
 
 // Start game
 window.startGame = function() {
-    document.getElementById('startScreen').style.display = 'none';
+    const startScreen = document.getElementById('startScreen');
+    if (startScreen) {
+        startScreen.style.display = 'none';
+    }
+    
     document.body.requestPointerLock();
     
     if (!window.gameInstance) {
@@ -1893,18 +1918,25 @@ window.startGame = function() {
     
     // 게임 시작 설정
     window.gameInstance.isStarted = true;
-    window.gameInstance.initialize();
+    window.gameInstance.initialize().catch(error => {
+        console.error('Failed to initialize game:', error);
+    });
 };
 
 // Initialize game
 document.addEventListener('DOMContentLoaded', () => {
-    // 게임 인스턴스만 생성하고 초기화는 하지 않음
+    // 게임 인스턴스 생성
     window.gameInstance = new Game();
     
-    // 기본적인 씬 설정만 수행
+    // 기본적인 씬 설정
     window.gameInstance.setupScene();
-    window.gameInstance.animate();  // 렌더링 시작
+    window.gameInstance.animate();
     
     // 시작 화면 표시
-    document.getElementById('startScreen').style.display = 'block';
+    const startScreen = document.getElementById('startScreen');
+    if (startScreen) {
+        startScreen.style.display = 'flex';
+        startScreen.style.justifyContent = 'center';
+        startScreen.style.alignItems = 'center';
+    }
 });