Upload 40 files

ID.csv

@@ -1,17 +1,16 @@
-ID,姓名,職業
-100090601,張秉恆,影武者
-101010302,羅忠聘,光靈術士
-101010303,羅政聘,光靈術士
-101032704,林均綻,影武者
-101082905,劉家震,影武者
-100090806,邱品潔,暮影使徒
-100110907,陳妤芮,影武者
-101020808,鍾依捷,光靈術士
-101030409,羅文辛,光靈術士
-101042710,鄭詠嬛,暮影使徒
-101060511,黃薇榕,暮影使徒
-101071112,劉軒妤,光靈術士
-101063013,徐立洋,暗影法刃
-101080414,王孝淇,刺客
-1000099,遊戲測試員,GM
-蔡英文,蔡英文,倫敦政經學院法學博士
+ID,姓名,職業
+100090601,張秉恆,影武者
+101010302,羅忠聘,光靈術士
+101010303,羅政聘,光靈術士
+101032704,林均綻,影武者
+101082905,劉家震,影武者
+100090806,邱品潔,暮影使徒
+100110907,陳妤芮,影武者
+101020808,鍾依捷,光靈術士
+101030409,羅文辛,光靈術士
+101042710,鄭詠嬛,暮影使徒
+101060511,黃薇榕,暮影使徒
+101071112,劉軒妤,光靈術士
+101063013,徐立洋,暗影法刃
+101080414,王孝淇,刺客
+1000099,遊戲測試員,GM

achievement_system.zip

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9b5f8d0a1bfb7db7593f109fab7b6cc02bd1fb0f597a265f1c53bf3e73a528ca
+size 19501

tower.js

@@ -79,7 +79,8 @@ document.addEventListener('DOMContentLoaded', function() {
             stage1: {
                 template: "100² + ___ × ___ + ___ × ___ + 1²",
                 dragItems: ["100", "99", "200", "1", "2"],
-                answers: [["1", "100"], ["1", "100"]] // 順序不限
+                answers: [["1", "100"], ["1", "100"]], // 順序不限
+                correctAnswer: "100² + 1 × 100 + 1 × 100 + 1²"
             },
             stage2: {
                 template: "100² + ___ × ___ × ___ + 1²",
@@ -92,7 +93,8 @@ document.addEventListener('DOMContentLoaded', function() {
             stage1: {
                 template: "100² - ___ × ___ - ___ × ___ + 1²",
                 dragItems: ["1", "2", "100", "98", "200"],
-                answers: [["1", "100"], ["1", "100"]] // 順序不限
+                answers: [["1", "100"], ["1", "100"]], // 順序不限
+                correctAnswer: "100² - 1 × 100 - 1 × 100 + 1²"
             },
             stage2: {
                 template: "100² - ___ × ___ × ___ + 1²",
@@ -105,7 +107,8 @@ document.addEventListener('DOMContentLoaded', function() {
             stage1: {
                 template: "20² + ___ × ___ + ___ × ___ + 3²",
                 dragItems: ["2", "20", "3", "23", "17"],
-                answers: [["20", "3"], ["3", "20"]] // 順序不限
+                answers: [["20", "3"], ["3", "20"]], // 順序不限
+                correctAnswer: "20² + 3 × 20 + 3 × 20 + 3²"
             },
             stage2: {
                 template: "20² + ___ × ___ × ___ + 3²",
@@ -118,7 +121,8 @@ document.addEventListener('DOMContentLoaded', function() {
             stage1: {
                 template: "40² - ___ × ___ - ___ × ___ + 2²",
                 dragItems: ["1", "2", "40", "38", "42"],
-                answers: [["2", "40"], ["40", "2"]] // 順序不限
+                answers: [["2", "40"], ["40", "2"]], // 順序不限
+                correctAnswer: "40² - 2 × 40 - 2 × 40 + 2²"
             },
             stage2: {
                 template: "40² - ___ × ___ × ___ + 2²",
@@ -131,7 +135,8 @@ document.addEventListener('DOMContentLoaded', function() {
             stage1: {
                 template: "200² + ___ × ___ + ___ × ___ + 3²",
                 dragItems: ["2", "3", "200", "203", "197"],
-                answers: [["3", "200"], ["200", "3"]] // 順序不限
+                answers: [["3", "200"], ["200", "3"]], // 順序不限
+                correctAnswer: "200² + 3 × 200 + 3 × 200 + 3²"
             },
             stage2: {
                 template: "200² + ___ × ___ × ___ + 3²",
@@ -144,7 +149,8 @@ document.addEventListener('DOMContentLoaded', function() {
             stage1: {
                 template: "300² - ___ × ___ - ___ × ___ + 3²",
                 dragItems: ["2", "300", "3", "297", "303"],
-                answers: [["300", "3"], ["3", "300"]] // 順序不限
+                answers: [["300", "3"], ["3", "300"]], // 順序不限
+                correctAnswer: "300² - 3 × 300 - 3 × 300 + 3²"
             },
             stage2: {
                 template: "300² - ___ × ___ × ___ + 3²",
@@ -161,6 +167,7 @@ document.addEventListener('DOMContentLoaded', function() {
     let userAnswers = []; // 記錄用戶答案
     let dropZones = []; // 當前問題的所有拖放區
     let dragItemElements = []; // 當前問題的所有拖拽項
+    let wrongAttempts = 0; // 記錄當前問題錯誤嘗試次數
     
     // 獲取遊戲進度
     const gameProgress = JSON.parse(localStorage.getItem(`gameProgress_${currentPlayerId}`)) || {
@@ -188,6 +195,7 @@ document.addEventListener('DOMContentLoaded', function() {
     function loadQuestion(questionIndex, stageIndex) {
         currentQuestionIndex = questionIndex;
         currentStage = stageIndex;
+        wrongAttempts = 0; // 重置錯誤嘗試次數
         
         // 更新問題標題和進度
         currentQuestionSpan.textContent = questionIndex + 1;
@@ -214,6 +222,10 @@ document.addEventListener('DOMContentLoaded', function() {
         const existingReferences = document.querySelectorAll('.stage1-reference');
         existingReferences.forEach(ref => ref.remove());
         
+        // 移除提示圖片
+        const existingHintImages = document.querySelectorAll('.hint-image');
+        existingHintImages.forEach(img => img.remove());
+        
         // 如果是第二階段，顯示第一階段的答案作為參考
         if (stageIndex === 2 && stage1Answers[questionIndex].length > 0) {
             // 創建參考區域
@@ -350,8 +362,9 @@ document.addEventListener('DOMContentLoaded', function() {
                         }
                     });
                     
-                    this.appendChild(clonedItem);
-                    this.classList.add('filled');
+                    dropZone.appendChild(clonedItem);
+                    dropZone.classList.add('filled');
+                    dropZone.style.backgroundColor = 'rgba(255, 140, 0, 0.3)';
                     
                     // 更新保存的答案
                     updateSavedAnswers();
@@ -380,51 +393,6 @@ document.addEventListener('DOMContentLoaded', function() {
             dragItemElements.push(dragItem);
         });
         
-        // 恢復已保存的答案
-        if (savedAnswers.length > 0) {
-            savedAnswers.forEach((answer, index) => {
-                if (answer && index < dropZones.length) {
-                    const dropZone = dropZones[index];
-                    const matchingItem = Array.from(dragItems.children).find(item => item.textContent === answer);
-                    
-                    if (matchingItem) {
-                        // 創建拖拽項的克隆並放入拖放區
-                        const clonedItem = matchingItem.cloneNode(true);
-                        clonedItem.id = `placed-item-restore-${index}`;
-                        clonedItem.draggable = true;
-                        clonedItem.style.margin = '0';
-                        clonedItem.style.cursor = 'grab';
-                        
-                        // 為克隆項添加拖拽事件
-                        clonedItem.addEventListener('dragstart', function(e) {
-                            e.dataTransfer.setData('text/plain', this.id);
-                            this.classList.add('dragging');
-                        });
-                        
-                        clonedItem.addEventListener('dragend', function() {
-                            this.classList.remove('dragging');
-                        });
-                        
-                        // 添加點擊事件，點擊可移除
-                        clonedItem.addEventListener('click', function() {
-                            if (this.parentElement.classList.contains('drop-zone')) {
-                                this.parentElement.classList.remove('filled');
-                                this.parentElement.style.backgroundColor = 'rgba(100, 100, 100, 0.5)';
-                                this.remove();
-                                
-                                // 更新保存的答案
-                                updateSavedAnswers();
-                            }
-                        });
-                        
-                        dropZone.appendChild(clonedItem);
-                        dropZone.classList.add('filled');
-                        dropZone.style.backgroundColor = 'rgba(255, 140, 0, 0.3)';
-                    }
-                }
-            });
-        }
-        
         // 重置反饋和下一題按鈕
         feedbackContainer.style.display = 'none';
         feedbackContainer.className = 'feedback-container';
@@ -479,6 +447,63 @@ document.addEventListener('DOMContentLoaded', function() {
     // 將參考區域添加到公式模板之前
     formulaTemplate.parentNode.insertBefore(stage1AnswerReference, formulaTemplate);
     
+    // 顯示提示圖片和正確答案
+    function showHintAndCorrectAnswer() {
+        // 移除現有的提示圖片和提示文字
+        const existingHintImages = document.querySelectorAll('.hint-image');
+        existingHintImages.forEach(img => img.remove());
+        
+        const existingHintTexts = document.querySelectorAll('.hint-text');
+        existingHintTexts.forEach(text => text.remove());
+        
+        // 創建提示容器
+        const hintContainer = document.createElement('div');
+        hintContainer.className = 'hint-container';
+        hintContainer.style.marginTop = '15px';
+        hintContainer.style.marginBottom = '15px';
+        hintContainer.style.padding = '10px';
+        hintContainer.style.backgroundColor = 'rgba(60, 60, 60, 0.8)';
+        hintContainer.style.border = '2px solid rgba(255, 140, 0, 0.7)';
+        hintContainer.style.borderRadius = '10px';
+        hintContainer.style.textAlign = 'center';
+        
+        // 創建提示圖片
+        const hintImage = document.createElement('img');
+        hintImage.className = 'hint-image';
+        hintImage.src = `/home/ubuntu/upload/towerhint${currentQuestionIndex + 1}1.jpg`;
+        hintImage.alt = `問題 ${currentQuestionIndex + 1} 提示`;
+        hintImage.style.maxWidth = '100%';
+        hintImage.style.height = 'auto';
+        hintImage.style.marginBottom = '10px';
+        hintImage.style.borderRadius = '5px';
+        hintContainer.appendChild(hintImage);
+        
+        // 創建提示文字
+        const hintText = document.createElement('div');
+        hintText.className = 'hint-text';
+        hintText.style.color = 'white';
+        hintText.style.fontSize = '1.1rem';
+        hintText.style.marginTop = '10px';
+        
+        // 根據錯誤嘗試次數顯示不同的提示
+        if (wrongAttempts === 1) {
+            hintText.innerHTML = `<p>請仔細觀察上方提示圖，按照展開公式填入正確答案。</p>`;
+        } else {
+            // 第二次或更多次錯誤，顯示正確答案
+            const correctAnswer = questions[currentQuestionIndex].stage1.correctAnswer;
+            hintText.innerHTML = `
+                <p>正確答案應為：</p>
+                <p style="font-weight: bold; color: #2ecc71;">${correctAnswer}</p>
+                <p>請依照此答案填入，才能進入第二階段。</p>
+            `;
+        }
+        
+        hintContainer.appendChild(hintText);
+        
+        // 插入到公式模板前面
+        formulaTemplate.parentNode.insertBefore(hintContainer, formulaTemplate);
+    }
+    
     // 檢查答案按鈕點擊事件
     checkAnswerBtn.addEventListener('click', function() {
         // 獲取所有填充的拖放區
@@ -598,25 +623,47 @@ document.addEventListener('DOMContentLoaded', function() {
             // 隱藏檢查按鈕，顯示下一步按鈕
             checkAnswerBtn.style.display = 'none';
             nextQuestionBtn.style.display = 'block';
+            
+            // 移除提示圖片和提示文字
+            const existingHintImages = document.querySelectorAll('.hint-image');
+            existingHintImages.forEach(img => img.parentElement.remove());
+            
         } else {
-            feedbackContainer.textContent = '答錯了，請修正答案！';
-            feedbackContainer.classList.add('incorrect');
-            wrongSound.play();
+            // 答錯了
+            wrongAttempts++; // 增加錯誤嘗試次數
             
-            // 記錄當前階段答錯
             if (currentStage === 1) {
+                // 第一階段答錯，顯示提示圖片和正確答案
+                feedbackContainer.textContent = '答錯了，請參考下方提示修正答案！';
+                feedbackContainer.classList.add('incorrect');
+                wrongSound.play();
+                
+                // 顯示提示圖片和正確答案
+                showHintAndCorrectAnswer();
+                
+                // 記錄當前階段答錯
                 questionStatus[currentQuestionIndex].stage1Correct = false;
+                
+                // 不顯示下一步按鈕，讓用戶繼續嘗試
+                checkAnswerBtn.style.display = 'block';
+                nextQuestionBtn.style.display = 'none';
             } else {
+                // 第二階段答錯
+                feedbackContainer.textContent = '答錯了，請修正答案！';
+                feedbackContainer.classList.add('incorrect');
+                wrongSound.play();
+                
+                // 記錄當前階段答錯
                 questionStatus[currentQuestionIndex].stage2Correct = false;
                 
                 // 第二階段答錯也要更新門的狀態為錯誤
                 doorsProgress[currentQuestionIndex].classList.add('opened');
                 doorsProgress[currentQuestionIndex].style.backgroundColor = 'rgba(200, 100, 100, 0.8)';
+                
+                // 答錯仍然可以繼續，顯示下一步按鈕
+                checkAnswerBtn.style.display = 'none';
+                nextQuestionBtn.style.display = 'block';
             }
-            
-            // 答錯仍然可以繼續，顯示下一步按鈕
-            checkAnswerBtn.style.display = 'none';
-            nextQuestionBtn.style.display = 'block';
         }
     });
     
@@ -624,18 +671,27 @@ document.addEventListener('DOMContentLoaded', function() {
     nextQuestionBtn.addEventListener('click', function() {
         // 如果當前是第一階段，進入第二階段
         if (currentStage === 1) {
-            // 無論對錯，都進入第二階段
-            currentStage = 2;
-            
-            // 隱藏第一階段按鈕，顯示第二階段按鈕
-            stage1Btn.style.display = 'none';
-            stage2Btn.style.display = 'inline-block';
-            
-            // 顯示第一階段答案參考
-            stage1AnswerReference.style.display = 'block';
-            
-            // 載入第二階段題目
-            loadQuestion(currentQuestionIndex, 2);
+            // 只有答對第一階段才能進入第二階段
+            if (questionStatus[currentQuestionIndex].stage1Correct) {
+                currentStage = 2;
+                
+                // 隱藏第一階段按鈕，顯示第二階段按鈕
+                stage1Btn.style.display = 'none';
+                stage2Btn.style.display = 'inline-block';
+                
+                // 顯示第一階段答案參考
+                stage1AnswerReference.style.display = 'block';
+                
+                // 載入第二階段題目
+                loadQuestion(currentQuestionIndex, 2);
+            } else {
+                // 如果第一階段未答對，提示用戶必須先答對第一階段
+                alert('請先正確回答第一階段問題，才能進入第二階段！');
+                
+                // 重置檢查按鈕和下一題按鈕
+                checkAnswerBtn.style.display = 'block';
+                nextQuestionBtn.style.display = 'none';
+            }
         }
         // 如果當前是第二階段，進入���一題或完成
         else {
@@ -736,10 +792,20 @@ document.addEventListener('DOMContentLoaded', function() {
         userAnswers = [];
         dropZones = [];
         dragItemElements = [];
+        wrongAttempts = 0;
+        
+        // 重置問題狀態
+        questionStatus = Array(questions.length).fill().map(() => ({
+            stage1Correct: false,
+            stage2Correct: false,
+            attempted: false,
+            firstAttemptCorrect: false
+        }));
         
         // 重置門的狀態
         for (let i = 0; i < doorsProgress.length; i++) {
             doorsProgress[i].classList.remove('opened');
+            doorsProgress[i].style.backgroundColor = 'rgba(150, 150, 150, 0.8)';
         }
         
         // 顯示問題