Upload 42 files

achievements.html

@@ -308,6 +308,7 @@
             const waitForAchievementSystem = () => {
                 if (window.achievementSystem && window.achievementSystem.achievements.length > 0) {
                     displayAchievements();
+                    setupTabButtons();
                 } else {
                     setTimeout(waitForAchievementSystem, 100);
                 }
@@ -316,6 +317,47 @@
             setTimeout(waitForAchievementSystem, 500);
         });
         
+        function setupTabButtons() {
+            const tabButtons = document.querySelectorAll('.tab-button');
+            tabButtons.forEach(button => {
+                button.addEventListener('click', function() {
+                    // 移除所有按鈕的 active 類
+                    tabButtons.forEach(btn => btn.classList.remove('active'));
+                    // 添加 active 類到當前按鈕
+                    this.classList.add('active');
+                    
+                    // 根據選擇的類型過濾成就
+                    const selectedType = this.getAttribute('data-type');
+                    filterAchievements(selectedType);
+                });
+            });
+        }
+        
+        function filterAchievements(type) {
+            const achievementSystem = window.achievementSystem;
+            const achievementsContainer = document.getElementById('achievements-grid');
+            
+            // 清空容器
+            achievementsContainer.innerHTML = '';
+            
+            // 過濾成就
+            let filteredAchievements;
+            if (type === 'all') {
+                filteredAchievements = achievementSystem.achievements;
+            } else {
+                filteredAchievements = achievementSystem.achievements.filter(achievement => 
+                    achievement.type === type
+                );
+            }
+            
+            // 顯示過濾後的成就
+            filteredAchievements.forEach(achievement => {
+                const isUnlocked = achievementSystem.isAchievementUnlocked(achievement.id);
+                const achievementCard = createAchievementCard(achievement, isUnlocked);
+                achievementsContainer.appendChild(achievementCard);
+            });
+        }
+        
         function displayAchievements() {
             const achievementSystem = window.achievementSystem;
             if (!achievementSystem) {
@@ -348,8 +390,18 @@
             card.className = `achievement-card ${achievement.type || achievement.category || 'default'} ${isUnlocked ? 'unlocked' : 'locked'}`;
             
             const icon = getAchievementIcon(achievement.type || achievement.category);
-            const title = isUnlocked ? achievement.title : '???';
-            const description = isUnlocked ? achievement.description : '尚未解鎖';
+            
+            // 根據成就類型決定是否顯示名稱和描述
+            let title, description;
+            if (achievement.type === 'secret' && !isUnlocked) {
+                // 隱藏彩蛋未解鎖時不顯示名稱和描述
+                title = '???';
+                description = '尚未解鎖';
+            } else {
+                // 魔力足跡和試煉之魂始終顯示名稱和描述
+                title = achievement.title;
+                description = achievement.description;
+            }
             
             card.innerHTML = `
                 <div class="achievement-icon">${icon}</div>