Interactive Escape Room Engine

國文閱讀理解
密室逃脫網頁模板

打破死背課文!提供通用密室逃脫引擎與 AI Skill 指南,只要貼上課文或題庫,AI 即可一鍵自動產出具備「隨機抽題、漢字碎片收集、防作弊長度平衡、即時榮譽證書」的線上解謎教材!

100% 瀏覽器本機端執行
免安裝・免登入即開即玩
手機/平板/桌機 RWD 支援
支援 GitHub Pages 免費部署

四大核心特色,全面激發沉浸式閱讀動機

結合遊戲化學習(Gamification)與高階閱讀理解策略,徹底提升學生的自主學習動機與深層思辨力。

雙模式與沉浸解謎

支援「5 關體驗版(約 3 分鐘)」與「10 關深度挑戰版(約 5 分鐘)」,搭配天空雲朵動畫、立繪搖擺與音效反饋,營造強烈沉浸感。

  • 快速課堂破冰或段考複習
  • 內建背景配樂與通關音效
  • 支援一鍵靜音與各載具適配

隨機抽題與等長防猜

內建隨機題庫與選項隨機打亂演算法。嚴格設計「錯誤選項與正確答案等長」,防止學生偷看選項長度或靠死記盲猜破關。

  • 每次進入皆為全新題目組合
  • 破除死記選項順序作弊
  • 即時答題解析與再挑戰機制

漢字碎片與榮譽證書

答對每道題目即可收集一枚「漢字密碼碎片」,破關時拼出課文核心意象通關密語,並自動產生附有姓名、完成時間與老師鋼印之證書。

  • 收集漢字碎片激發挑戰慾
  • 自動生成專屬完成證書
  • 方便截圖上傳作業或社群曬圖

AI Skill 全自動出題

附帶專屬 AI Skill 指南(`escape_room_generator_skill.md`),只需提供課文,AI 自動產出 Beginner (16題) 與 Expert (16題) 雙層次題庫與專屬網頁!

  • 自動剖析修辭與深層邏輯
  • 自動建議主題色調與立繪角色
  • 一鍵完成 Git 與 Pages 部署

5 步驟:用 AI 快速產出新課文密室

從教材文稿到上線成線上遊戲,全程由 AI 自動出題、編譯與發布,老師只需幾分鐘即可完成備課!

1

準備課文文稿

提供課文純文字(如〈謝天〉、〈背影〉)或自訂題庫文件。

2

下達 Skill 指令

啟動 AI 助手並讀取 escape_room_generator_skill.md

3

AI 自動出題與配色

生成 32 題雙層題庫、防猜選項、天空漸層色與人物建議。

4

一鍵發布 Pages

自動建立 GitHub 儲存庫並啟用 GitHub Pages 免費公開網址。

5

產出粉專推廣文

套用 escape_room_post_skill.md 自動產出吸睛貼文與一樓留言!

一鍵複製 AI 產出提示詞

將以下指令複製貼給 AI 助手(如 AntiGravity / Claude / ChatGPT),立即啟動全自動生成!

產生密室逃脫網頁指令

將課文或教材轉為完整密室逃脫遊戲(含 32 題題庫、視覺主題與 GitHub Pages 部署):

請讀取 escape_room_generator_skill.md 指南,幫我為〈課文名稱〉建立國文閱讀理解密室逃脫網頁。 教材內容如下: [在此貼上課文內容或題目]
產生粉專推廣文案指令

為製作完成的密室逃脫生成五大關卡結構之社群貼文與首則留言:

請讀取 escape_room_post_skill.md 指南,為〈課文名稱〉密室逃脫產生吸睛的臉書粉絲專頁推廣貼文與留言區第一則文案。

100% 瀏覽器本機端執行・無個資外洩風險

本模板與所產出之密室逃脫遊戲完全採用純前端架構(Vanilla HTML5/CSS3/JS),無後端伺服器或資料庫。學生輸入的姓名僅用於本機 Canvas 繪製專屬榮譽證書,不收集、不存檔、不回傳任何個人隱私資料,完全符合校園資訊安全與隱私規範。

立即為學生開啟專屬的沉浸式閱讀冒險

前往 GitHub 儲存庫取得整套代碼與 AI Skill 指南,數分鐘內即可打造出專屬的線上解謎密室!

已成功複製提示詞至剪貼簿!