Upload 41 files

script.js

@@ -68,10 +68,10 @@ document.addEventListener('DOMContentLoaded', async function() {
     await loadPlayerData();
     
     // 獲取所有按鈕元素
-    const startGameBtn = document.getElementById('start-game');
-    const loadGameBtn = document.getElementById('load-game');
-    const achievementsBtn = document.getElementById('achievements');
-    const exitGameBtn = document.getElementById('exit-game');
+    const startGameBtn = document.getElementById('start-btn');
+    const loadGameBtn = document.getElementById('load-btn');
+    const achievementsBtn = document.getElementById('achievements-btn');
+    const exitGameBtn = document.getElementById('exit-btn');
     const toggleBgmBtn = document.getElementById('toggle-bgm');
     
     // 調試：檢查按鈕是否正確獲取
@@ -82,9 +82,9 @@ document.addEventListener('DOMContentLoaded', async function() {
     console.log('音樂開關按鈕:', toggleBgmBtn);
     
     // 獲取模態框元素
-    const playerModal = document.getElementById('player-modal');
-    const loadModal = document.getElementById('load-modal');
-    const closeModalBtns = document.querySelectorAll('.close');
+    const playerModal = document.getElementById('id-modal');
+    const loadModal = document.getElementById('welcome-modal');
+    const closeModalBtns = document.querySelectorAll('.close-btn, .close-welcome-btn');
     
     // 調試：檢查模態框是否正確獲取
     console.log('玩家選擇模態框:', playerModal);
@@ -97,7 +97,7 @@ document.addEventListener('DOMContentLoaded', async function() {
             console.log('點擊開始遊戲按鈕');
             if (playerModal) {
                 playerModal.style.display = 'block';
-                populatePlayerList();
+                // 直接顯示 ID 輸入框，而不是玩家列表
             } else {
                 console.error('找不到玩家選擇模態框');
             }
@@ -110,11 +110,8 @@ document.addEventListener('DOMContentLoaded', async function() {
     if (loadGameBtn) {
         loadGameBtn.addEventListener('click', function() {
             console.log('點擊讀取進度按鈕');
-            if (loadModal) {
-                loadModal.style.display = 'block';
-            } else {
-                console.error('找不到讀取進度模態框');
-            }
+            // 這裡可以實現讀取進度的邏輯
+            alert('讀取進度功能尚未實現');
         });
     } else {
         console.error('找不到讀取進度按鈕');
@@ -160,96 +157,36 @@ document.addEventListener('DOMContentLoaded', async function() {
         }
     });
     
-    // 處理玩家選擇
-    function populatePlayerList() {
-        const playerList = document.getElementById('player-list');
-        if (!playerList) {
-            console.error('找不到玩家列表元素');
-            return;
-        }
-        
-        playerList.innerHTML = '';
-        
-        if (playerData.length === 0) {
-            playerList.innerHTML = '<p>正在載入玩家資料...</p>';
-            return;
-        }
-        
-        playerData.forEach(function(player) {
-            const playerDiv = document.createElement('div');
-            playerDiv.className = 'player-option';
-            playerDiv.innerHTML = `
-                <h3>${player.name}</h3>
-                <p>職業：${player.profession}</p>
-                <p>ID：${player.id}</p>
-            `;
-            
-            playerDiv.addEventListener('click', function() {
-                console.log('選擇玩家:', player);
-                localStorage.setItem('currentPlayerId', player.id);
-                localStorage.setItem('currentPlayerName', player.name);
-                localStorage.setItem('currentPlayerProfession', player.profession);
-                
-                // 檢查是否有存檔
-                const existingProgress = localStorage.getItem(`gameProgress_${player.id}`);
-                if (existingProgress) {
-                    if (confirm(`發現 ${player.name} 的存檔，是否繼續之前的進度？`)) {
-                        window.location.href = 'kingdom_map.html';
-                    } else {
-                        // 重新開始遊戲
-                        localStorage.removeItem(`gameProgress_${player.id}`);
-                        window.location.href = 'prologue.html';
-                    }
-                } else {
-                    // 新遊戲
-                    window.location.href = 'prologue.html';
-                }
-            });
-            
-            playerList.appendChild(playerDiv);
-        });
-    }
-    
-    // 處理存檔碼載入
-    const loadSaveBtn = document.getElementById('load-save-btn');
-    const saveCodeInput = document.getElementById('save-code-input');
+    // 處理 ID 輸入確認
+    const confirmIdBtn = document.getElementById('confirm-id');
+    const playerIdInput = document.getElementById('player-id');
+    const idError = document.getElementById('id-error');
     
-    if (loadSaveBtn && saveCodeInput) {
-        loadSaveBtn.addEventListener('click', function() {
-            const saveCode = saveCodeInput.value.trim();
-            if (!saveCode) {
-                alert('請輸入存檔碼');
+    if (confirmIdBtn && playerIdInput) {
+        confirmIdBtn.addEventListener('click', function() {
+            const playerId = playerIdInput.value.trim();
+            if (!playerId) {
+                if (idError) idError.textContent = '請輸入ID';
                 return;
             }
             
-            const result = loadFromSaveCode(saveCode);
-            if (result.success) {
-                alert('存檔載入成功！');
-                window.location.href = 'kingdom_map.html';
-            } else {
-                alert('存檔載入失敗：' + result.error);
-            }
-        });
-    }
-    
-    // 處理存檔碼生成
-    const generateSaveBtn = document.getElementById('generate-save-btn');
-    const saveCodeOutput = document.getElementById('save-code-output');
-    
-    if (generateSaveBtn && saveCodeOutput) {
-        generateSaveBtn.addEventListener('click', function() {
-            const currentPlayerId = localStorage.getItem('currentPlayerId');
-            if (!currentPlayerId) {
-                alert('請先開始遊戲');
-                return;
-            }
+            // 設置玩家資料
+            localStorage.setItem('currentPlayerId', playerId);
+            localStorage.setItem('currentPlayerName', playerId); // 暫時使用 ID 作為名稱
             
-            const saveCode = generateSaveCode(currentPlayerId);
-            if (saveCode) {
-                saveCodeOutput.value = saveCode;
-                alert('存檔碼已生成，請複製保存');
+            // 檢查是否有存檔
+            const existingProgress = localStorage.getItem(`gameProgress_${playerId}`);
+            if (existingProgress) {
+                if (confirm(`發現 ${playerId} 的存檔，是否繼續之前的進度？`)) {
+                    window.location.href = 'kingdom_map.html';
+                } else {
+                    // 重新開始遊戲
+                    localStorage.removeItem(`gameProgress_${playerId}`);
+                    window.location.href = 'prologue.html';
+                }
             } else {
-                alert('沒有找到遊戲進度');
+                // 新遊戲
+                window.location.href = 'prologue.html';
             }
         });
     }