課堂遊戲化・複習利器・V4 更新
讓課堂練習變有趣的
自訂大富翁遊戲 V4
自訂地圖・自訂機會命運・AI 輔助出題 — 枯燥的填充題也能玩到欲罷不能
💡 下載方式:對「程式原始碼下載」按右鍵 → 另存新檔為 .html,即可在本機開啟使用
📌 一、軟體由來
最近有老師寫信來問我,去年七月寫的這個大富翁遊戲,題庫要怎麼使用。我幫忙解決之後,順便把程式整個優化了一次。
現在的 V4 版本,已經可以自訂地圖內容、機會/命運卡內容,還能搭配 AI 快速生成主題地圖與題目了。整理好之後,分享給有需要的老師們使用看看。
我的想法很簡單:遊戲本身不教書,但它能讓學生願意把題目看完、認真討論、主動爭取發言。這一點,對複習課來說就很夠了。
🎯 這次 V4 主要更新:
- 支援 40 格地圖名稱+價格完全自訂,租金自動以 5% 計算
- 機會/命運卡可自由編輯,貼合班級生活情境
- 題庫支援 XLSX 多分頁匯入+網頁上直接檢視修改(👁️)
- 搭配 Gemini 線上生成,輸入主題就能產出整組客製化內容,再載入到下載的 HTML 使用
- 支援匯出/載入進度(.json),AI 生成內容備份與下課接續都靠它,換新版 HTML 也能一鍵還原
🏫 二、課堂教學上的實際應用
在課堂上,我通常會將全班分成 4 組,每組派出一位代表在電子白板或大螢幕前操作,輪流擲骰前進。這是我實際用過覺得最穩定的流程:
1複習機制:答對才能買地、執行卡片
學生降落在無主地產或機會、命運格時,必須答對題目才能購買地產或執行卡片動作。若答錯,則直接結束回合。這讓每一次停留都是一次小測驗。
學生降落在無主地產或機會、命運格時,必須答對題目才能購買地產或執行卡片動作。若答錯,則直接結束回合。這讓每一次停留都是一次小測驗。
2同儕共學:集體討論再作答
在思考題目時,小組成員可以集體討論。這不僅是競爭,更是同儕間的知識補強,程度好的學生會自然去教旁邊的同學。
在思考題目時,小組成員可以集體討論。這不僅是競爭,更是同儕間的知識補強,程度好的學生會自然去教旁邊的同學。
3動機強化:為了贏而專注
透過資產累積與隨機事件,即便是最枯燥的填充題,學生也會為了勝利而專注思考。想買精華地段?先把題目答對再說。
透過資產累積與隨機事件,即便是最枯燥的填充題,學生也會為了勝利而專注思考。想買精華地段?先把題目答對再說。
實測心得是:平常叫不太動的班級,玩到後半場會自己開始算租金、算策略,連下課都想繼續。這就是遊戲化要的效果。
🧭 三、使用詳細教學
步驟 0:先準備好兩樣東西
A. 線上生成大富翁內容(AI 幫你想):
👉 https://gemini.google.com/share/56fad3ec621a
點進去就能請 AI 生成客製化大富翁的地圖、卡片與題目。
B. 程式本體下載(遊戲主程式):
👉 大富翁V4-ai+出題-local.html
請用 右鍵 → 另存連結為/另存新檔,存成 .html,下載後用瀏覽器雙擊開啟即可。再把上面 AI 生成的客製化內容載入進來就能玩。
👉 https://gemini.google.com/share/56fad3ec621a
點進去就能請 AI 生成客製化大富翁的地圖、卡片與題目。
B. 程式本體下載(遊戲主程式):
👉 大富翁V4-ai+出題-local.html
請用 右鍵 → 另存連結為/另存新檔,存成 .html,下載後用瀏覽器雙擊開啟即可。再把上面 AI 生成的客製化內容載入進來就能玩。
步驟 1:基礎遊戲設定
- 進入下載的 HTML 頁面後,先設定玩家人數(2~4 人)、輸入組名
- 選擇代表的表情符號(棋子),並設定初始資金與遊戲限時
- 建議:複習課用 30~40 分鐘一局,資金設高一點,節奏會比較刺激
步驟 2:題庫匯入與使用(核心功能)
這是老師們最關心的部分,建議操作流程如下:
1下載範本:點擊「下載題庫範本」下載 Excel 檔。
2編輯題目:範本格式為:第一欄:題目/第二欄:正確答案(填 1-4 或 A-D)/第三至六欄:四個選項。
3匯入檔案:點擊「匯入題庫 (XLSX)」,檔案讀取後會出現核取方塊,您可以勾選要加入遊戲的題庫分頁(Sheet)。
4線上微調:匯入後點擊旁邊的「👁️」小圖示,可以直接在網頁上修改題目或新增題目,不用回去改 Excel。
步驟 3:自訂地圖與卡片
- 手動修改:點擊「手動修改現有地圖」,您可以直接修改 40 個格子的名稱與購買價格。租金會根據價格自動調整為 5%。
- 編輯卡片:點擊「編輯機會/命運卡片」,可以自由撰寫卡片內容,例如:「期末考進步,獲得 $1000 元」或「忘記帶聯絡簿,退後 3 步」。
💡 小技巧:把地名換成課文相關名稱(例如歷史人物、國家公園、英語單字街),把卡片換成班級常規,學生會更有代入感。
步驟 4:AI 輔助設計(進階玩法・推薦)
如果您懶得動腦想 40 格地圖名稱,請這樣做:
- 開啟 線上 AI 生成連結:Gemini 客製化大富翁生成
- 輸入一個主題(如:宇宙探索、台灣小吃、自然生態、英語 udemy 單字複習)
- 選擇 AI 模型(預設即可),點擊「生成地圖」或「生成卡片」
- AI 就會幫您把全台灣的地標換成行星、星系名稱,或整組主題地名+卡片事件
- 再把生成的內容複製/載入到您下載的 大富翁V4 HTML 中使用即可
- 重要:記得匯出進度備份!使用 AI 生成相關內容後,請務必點擊遊戲中的「匯出進度」,會下載一個 .json 進度檔,把這次的主題地圖+卡片+題目完整保存下來
- 之後在新下載的大富翁 HTML 中,只要點擊「載入進度」並選取該 .json 檔,就能一秒還原整組 AI 客製化內容,不用重新生成、不用重新貼上
💾 AI 內容備份+載入三步驟(一定要做):
1️⃣ 在已載入 AI 生成內容的 HTML 中 → 點「匯出進度」→ 存成如 宇宙探索-大富翁進度.json
2️⃣ 換電腦/重新下載 大富翁V4-ai+出題-local.html 後,用瀏覽器開啟
3️⃣ 點「載入進度」→ 選取上一步的 .json 檔 → 地圖、機會/命運卡、題庫一次全部回來,直接開玩。
建議一個單元存一個進度檔:例如「自然生態.json」「英語單字U3.json」,下次複習直接載入,備課只要 10 秒。
1️⃣ 在已載入 AI 生成內容的 HTML 中 → 點「匯出進度」→ 存成如 宇宙探索-大富翁進度.json
2️⃣ 換電腦/重新下載 大富翁V4-ai+出題-local.html 後,用瀏覽器開啟
3️⃣ 點「載入進度」→ 選取上一步的 .json 檔 → 地圖、機會/命運卡、題庫一次全部回來,直接開玩。
建議一個單元存一個進度檔:例如「自然生態.json」「英語單字U3.json」,下次複習直接載入,備課只要 10 秒。
這樣備課只要幾分鐘,就能每一單元換一套主題地圖,學生每次玩都有新鮮感。而且有匯出進度,就不怕 AI 對話洗掉、換電腦重做白工。
步驟 5:匯出進度與載入進度(備份+接續都靠它)
- 備份 AI 生成內容:AI 生成+微調完成後,點左上角「匯出進度」存 .json。以後在新下載的 HTML 按「載入進度」即可還原整組地圖、卡片、題庫。
- 下課接續戰況:遊戲進行到一半下課了也沒關係,同樣點「匯出進度」,會下載一個 .json 檔。下次上課只要點擊「載入進度」並選取該檔案,就能接續之前的戰況、資產、回合。
💡 使用習慣:「匯出進度」同時保存題目+地圖+卡片與當下戰況。建議備課完成先存一份(如:宇宙探索-備課用.json),玩到一半再另存一份(如:宇宙探索-第一節課後.json),檔名分開取就好。
💻 四、佈署說明:免安裝,下載即玩
這個 V4 版本是純前端單一 HTML 檔(local 版),不需要 GAS、不需要伺服器、不需要佈署:
- 下載主程式:開啟下載網址後,按右鍵另存為 .html,存到電腦或隨身碟
- 開啟遊戲:雙擊該 html,直接用 Chrome / Edge 瀏覽器開啟即可,電子白板、筆電都能用
- 載入 AI 內容:搭配上面的 Gemini 連結生成客製化地圖、卡片、題目,再貼上/匯入到遊戲中,完成後記得按「匯出進度」備份 .json
- 換新版 HTML 也免重做:重新下載 HTML 後,按「載入進度」選取舊的 .json,主題內容完整還原
- 離線也能玩:下載後除 AI 生成需連網外,遊戲本體、題庫作答、地圖走棋都可在教室本機運行
📁 建議資料夾整理:大富翁V4-ai+出題-local.html + 題庫.xlsx + AI主題進度.json(匯出進度備份)+ 進度存檔.json(匯出進度接續用)放在同一個資料夾,每個單元存一份進度檔,複習超省事。
🌱 五、結語
從去年七月的第一版,到現在可以自訂地圖、卡片、AI 出題的 V4,其實都是被老師們的真實需求推著走的。很謝謝寫信來問我的那位老師,讓我有機會把它整理得更好用。
如果你也在找一個不用學新系統、打開就能複習、學生又願意動腦的課堂小遊戲,不妨先下載 HTML,再用 AI 生成一套屬於你班級的主題大富翁試試看。希望它能幫你的課堂多一點笑聲、多一點專注。
使用上有問題或有更好的點子,都歡迎留言跟我說,我再繼續優化。
沒有留言:
張貼留言