Upload 41 files

.gitattributes

@@ -43,3 +43,4 @@ valley.mp3 filter=lfs diff=lfs merge=lfs -text
 tower.jpg filter=lfs diff=lfs merge=lfs -text
 tower.mp3 filter=lfs diff=lfs merge=lfs -text
 Theme.mp3 filter=lfs diff=lfs merge=lfs -text
+ding.mp3 filter=lfs diff=lfs merge=lfs -text

achievements.js

@@ -147,17 +147,15 @@ class AchievementSystem {
                     icon = '🔮';
                     break;
             }
-            
-            // 卡片內容
+                // 卡片內容
             card.innerHTML = `
-                <div class="achievement-icon">${icon}</div>
-                <h3 class="achievement-title">${achievement.title}</h3>
-                <p class="achievement-description">${achievement.description}</p>
+                <div class=\"achievement-icon\">${icon}</div>
+                <h3 class=\"achievement-title\">${achievement.title}</h3>
+                <p class=\"achievement-description\">${isUnlocked || achievement.type !== \'secret\' ? achievement.description : \'??????????????????\'}</p>
                 ${isUnlocked && userProgress.unlockedAt ? 
-                    `<div class="achievement-unlock-time">解鎖於: ${userProgress.unlockedAt}</div>` : ''}
-                ${!isUnlocked ? '<div class="lock-icon">🔒</div>' : ''}
-            `;
-            
+                    `<div class=\"achievement-unlock-time\">解鎖於: ${userProgress.unlockedAt}</div>` : \'\'}
+                ${!isUnlocked ? \'<div class=\"lock-icon\">🔒</div>\' : \'\'}
+            `;      
             this.achievementsGrid.appendChild(card);
         });
     }
@@ -254,10 +252,28 @@ class AchievementSystem {
         
         // 顯示成就解鎖通知
         this.showAchievementToast(achievement);
-        
-        console.log(`成就 "${achievement.title}" 已解鎖!`);
+                console.log(`成就 \"${achievement.title}\" 已解鎖!`);
+        // 將解鎖的成就添加到待處理佇列
+        this.addPendingAchievement(achievement.id);
     }
-    
+
+    // 將成就添加到待處理佇列
+    addPendingAchievement(achievementId) {
+        let pendingAchievements = JSON.parse(localStorage.getItem(\'pendingAchievements\')) || [];
+        if (!pendingAchievements.includes(achievementId)) {
+            pendingAchievements.push(achievementId);
+            localStorage.setItem(\'pendingAchievements\', JSON.stringify(pendingAchievements));
+            console.log(`成就 ${achievementId} 已添加到待處理佇列`);
+        }
+    }
+
+    // 獲取並清除待處理成就
+    getAndClearPendingAchievements() {
+        const pendingAchievements = JSON.parse(localStorage.getItem(\'pendingAchievements\')) || [];
+        localStorage.removeItem(\'pendingAchievements\');
+        return pendingAchievements;
+    }
+
     // 顯示成就解鎖通知
     showAchievementToast(achievement) {
         console.log(`顯示成就解鎖通知: ${achievement.title}`);
@@ -274,8 +290,7 @@ class AchievementSystem {
         if (!this.isProcessingToast) {
             this.processToastQueue();
         }
-    }
-    
+    }    
     // 處理通知佇列
     async processToastQueue() {
         if (this.toastQueue.length === 0) {
@@ -313,13 +328,23 @@ class AchievementSystem {
             </div>
         `;
         
+        // 播放音效
+        const audio = new Audio(\'ding.mp3\');
+        audio.play().catch(e => console.error(\'播放音效失敗:\', e));
+
         // 添加到通知容器
         this.toastContainer.appendChild(toast);
-        
-        // 等待動畫完成後移除通知
-        await new Promise(resolve => setTimeout(resolve, 5000));
+
+        // 等待用戶點擊確認
+        await new Promise(resolve => {
+            const confirmButton = document.createElement(\'button\');
+            confirmButton.textContent = \'確認\';
+            confirmButton.className = \'toast-confirm-button\';
+            toast.appendChild(confirmButton);
+            confirmButton.addEventListener(\'click\', resolve);
+        });
         toast.remove();
-        
+
         // 處理下一個通知
         this.processToastQueue();
     }

ding.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:14bdf79b72e46b09655caad520da1bc082a3b141ccaded506de670b13e879670
+size 102920

index.html

@@ -7,11 +7,9 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body class="home-page">
-    <!-- 音效元素 -->
-    <audio id="bgm" loop>
-        <source src="Theme.mp3" type="audio/mpeg">
-    </audio>
-    
+    <!-- 音效元素 --    <audio id=\"bgm\" loop>
+        <source src=\"Theme.mp3\" type=\"audio/mpeg\">
+    </audio> 
     <div class="game-container">
         <h1 class="game-title">《數學魔法王國：平方之旅》</h1>
         
@@ -24,7 +22,7 @@
         
         <!-- 音樂來源註記 -->
         <div class="music-credit">
-            <p>背景音樂：由Suno智做</p>
+            <p>背景音樂：由Suno製作</p>
             <button id="toggle-bgm" class="small-btn">音樂開/關</button>
         </div>
     </div>

spring.js

@@ -1,7 +1,4 @@
-document.addEventListener('DOMContentLoaded', function() {
-    // 預先載入成就系統
-    loadAchievementSystem();
-    
+document.addEventListener(\'DOMContentLoaded\', function() {
     // 檢查是否有玩家資料
     const currentPlayerId = localStorage.getItem('currentPlayerId');
     const playerName = localStorage.getItem('playerName');