[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","680736edb35c8191b76332e7fe408563","versionInt","title","Space Detective New Method","type","code/react","content","import { useState } from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nconst scenes = [\n {\n id: 0,\n text: `🕵️‍♂️ 小小偵探你好，我是雷米!\n我們收到一則宇宙求救訊號：『救救我們，我們的行星一顆顆不見了！』\n\n🎯 任務：探索不同研究地點，學會三種尋找『系外行星』的方法，找出真相！\n\n🚀 你現在在太空總部，想前往哪裡呢？\n\n💡提示：你可以使用背包裡的道具協助觀察與分析。`,\n options: [\n { text: \"前往亮度觀測站\", nextScene: 1 },\n { text: \"前往光譜實驗艙\", nextScene: 5 },\n { text: \"前往深空望遠區\", nextScene: 8 }\n ]\n },\n {\n id: 1,\n text: `🔭 你抵達亮度觀測站，發現以下星星亮度紀錄：\n⭐ ⭐ 🔅 ⭐ ⭐ 🔅\n\n💡 小任務：點選望遠鏡來協助觀察，再回答博士的提問：\n『為什麼亮度每隔幾天會暗一下呢？』`,\n options: [\n { text: \"可能有行星跑到星星前面遮住光（遮住法／凌日法）\", nextScene: 2 },\n { text: \"星星在眨眼！\", nextScene: 3 }\n ]\n },\n {\n id: 2,\n text: `🎉 正確！\n博士說：『這是“遮住法”，正式叫“凌日法”。\n當系外行星從星星前方通過時，星星會變暗。』\n\n🧩 方法學會 ✅ 你可以選擇前往其他地點探索更多線索喔！`,\n options: [\n { text: \"回到太空總部選擇其他地點\", nextScene: 0, hideIfLearnedAll: true },\n { text: \"回到太空總部揭開真相！\", nextScene: 11, showIfLearnedAll: true }\n ]\n },\n {\n id: 3,\n text: `😅 嘕嘕說：『星星不會像人一樣眨眼啦～再想想看！』`,\n options: [\n { text: \"重新回答問題\", nextScene: 1 }\n ]\n },\n {\n id: 5,\n text: `📡 在光譜實驗艙中，你聽到星星的聲音：『紅～藍～紅～藍～』\n\n💡 小任務：使用錄音機道具收聽完整光譜，再回答：\n博士問你：『你覺得這是什麼現象？』`,\n options: [\n { text: \"星星被拉著前後動（拉扯法／徑向速度法）\", nextScene: 6 },\n { text: \"星星變色因為它心情不好！\", nextScene: 7 }\n ]\n },\n {\n id: 6,\n text: `🎯 沒錯！\n博士說：『這是“拉扯法”，正式叫“徑向速度法”。\n行星拉著星星移動，讓光的顏色變化。』\n\n🧩 方法學會 ✅ 你可以選擇前往其他地點探索更多線索喔！`,\n options: [\n { text: \"回到太空總部選擇其他地點\", nextScene: 0, hideIfLearnedAll: true },\n { text: \"回到太空總部揭開真相！\", nextScene: 11, showIfLearnedAll: true }\n ]\n },\n {\n id: 7,\n text: `😂 嘕嘕說：『星星沒有心情啦～這是光譜變化的現象！』`,\n options: [\n { text: \"重新聽聽聲音\", nextScene: 5 }\n ]\n },\n {\n id: 8,\n text: `🔭 你來到深空望遠區，看到某顆星星突然變亮又恢復原樣。\n\n💡 小任務：使用望遠鏡觀察亮度變化，再選出正確現象：`,\n options: [\n { text: \"光被彎曲放大了！（放大法／重力透鏡法）\", nextScene: 9 },\n { text: \"星星打噴嚏啦！\", nextScene: 10 }\n ]\n },\n {\n id: 9,\n text: `✨ 正解！\n博士說：『這是“放大法”，正式叫“重力透鏡法”。\n星星的重力會像放大鏡一樣，讓後面的光變亮。』\n\n🧩 方法學會 ✅ 你可以選擇前往其他地點探索更多線索喔！`,\n options: [\n { text: \"回到太空總部選擇其他地點\", nextScene: 0, hideIfLearnedAll: true },\n { text: \"回到太空總部揭開真相！\", nextScene: 11, showIfLearnedAll: true }\n ]\n },\n {\n id: 10,\n text: `😆 嘕嘕說：『星星不會打噴嚏啦～可能是光被彎曲了喔！』`,\n options: [\n { text: \"重新觀察星光變化\", nextScene: 8 }\n ]\n },\n {\n id: 11,\n text: `🔍 你現在學會了三種方法：\n✅ 遮住法（凌日法）\n✅ 拉扯法（徑向速度法）\n✅ 放大法（重力透鏡法）\n\n🧠 根據這些觀測資料，你發現：有一顆超大的系外行星，正偷偷吸引其他行星，讓它們慢慢消失！\n\n🎊 你成功解開了謎團，成為真正的系外行星小達人！`,\n options: [\n { text: \"再玩一次探索吧！\", nextScene: 0 }\n ]\n }\n];\n\nexport default function SpaceDetectiveGame() {\n const [sceneId, setSceneId] = useState(0);\n const [inventory] = useState([\"🔭 望遠鏡\", \"📡 錄音機\"]);\n const [message, setMessage] = useState(\"\");\n const [unlockedScenes, setUnlockedScenes] = useState({});\n const [learnedMethods, setLearnedMethods] = useState({ transits: false, radial: false, lensing: false });\n\n const scene = scenes.find((s) => s.id === sceneId);\n\n const useItem = (item) => {\n let result = \"\";\n let unlocked = false;\n\n if (sceneId === 1 && item === \"🔭 望遠鏡\") {\n result = \"你看到亮度週期變暗，這可能是行星經過造成的遮住法（凌日法）！\";\n unlocked = true;\n } else if (sceneId === 5 && item === \"📡 錄音機\") {\n result = \"你聽見星星紅藍交替的頻率，像是星星前後移動的樣子，這可能是徑向速度法的證據喔！\";\n unlocked = true;\n } else if (sceneId === 8 && item === \"🔭 望遠鏡\") {\n result = \"你觀察到星星突然變亮又暗下來，這是光被彎曲的現象，也就是重力透鏡法！\";\n unlocked = true;\n } else {\n result = \"這個道具現在好像用不上～換個地方再試試吧！\";\n }\n\n setMessage(result);\n if (unlocked) {\n setUnlockedScenes((prev) => ({ ...prev, [sceneId]: true }));\n }\n };\n\n const markMethodLearned = (method) => {\n setLearnedMethods((prev) => ({ ...prev, [method]: true }));\n };\n\n const handleSceneChange = (nextId) => {\n if (nextId === 2) markMethodLearned(\"transits\");\n if (nextId === 6) markMethodLearned(\"radial\");\n if (nextId === 9) markMethodLearned(\"lensing\");\n\n if (\n nextId === 11 &&\n (!learnedMethods.transits || !learnedMethods.radial || !learnedMethods.lensing)\n ) {\n setMessage(\"🛑 你還沒學會全部三種方法，不能揭開真相喔！請完成所有任務再來。🔍\");\n return;\n }\n\n setSceneId(nextId);\n setMessage(\"\");\n };\n\n const requiresUnlock = [1, 5, 8];\n\n return (\n

\n\n

🎒 背包：

useItem(item)}\n >\n {item}\n \n ))}\n

\n\n

\n \n \n \n \n {scene.text}\n {requiresUnlock.includes(sceneId) && !unlockedScenes[sceneId] && (\n

🔐 請先使用對應的道具觀察，才能回答問題喔～

\n )}\n {message &&

🛠️ {message}

}\n \n \n

\n {scene.options\n .filter((option) => {\n const allLearned = learnedMethods.transits && learnedMethods.radial && learnedMethods.lensing;\n return (!option.showIfLearnedAll || allLearned) && (!option.hideIfLearnedAll || !allLearned);\n })\n .map((option, index) => (\n \n handleSceneChange(option.nextScene)}\n >\n {option.text}\n \n \n ))}\n

\n \n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","5782170033477018209","traceTime",1776428158020]