🎲 寶島大富翁 V5
教室大屏專用・AI 一鍵自訂主題遊戲

以 V5 版本為主｜地圖・題庫・機會命運卡，全部用 AI 生成，再匯出帶著走

V5.0 ・ 2026-09-18 更新 ・ 以教室大屏遊玩設計

🤖 第一步：用 AI 生成地圖與內容點我開啟 Gemini・輸入主題就幫你生好地圖＋題庫＋卡片，完成後按「匯出進度」🎮 第二步：開啟大富翁 V5 遊戲主程式在連結上按右鍵「另存 HTML」存到電腦・再載入前面匯出的進度，就能玩自訂內容

一、軟體由來

我原本只是想在課堂上玩一場「有台灣味」的大富翁，讓學生在擲骰子、買地、付租金的過程中，順便把觀光、歷史、時事都複習一遍。

做到 V4 的時候，地圖、題庫、卡片都已經可以 AI 生成、可以手改、可以匯入 XLSX，功能其實很完整了。但我在教室大屏上實際帶了幾次，發現幾個痛點：2D 骰子不夠嗨、訊息彈窗一直擋住流程、玩家欄看不到總資產、下課要收尾很難交代錢怎麼花的。

所以我把整個程式重新整理，推出了這個 V5。V5 的目標很單純：同一套玩法，但更適合站在全班前面、用大屏帶著玩。

二、課堂教學應用

🏫 我的課堂用法（給老師參考）

• 任何科目都能套主題：台灣歷史、自然生態、英語單字、數學應用題，只要換地圖名＋換題庫，就是一堂複習課。
• 答對才能行動：踩到無主地、機會、命運都要先答題，答錯就跳過。這讓強勢組不能只靠運氣，弱勢組也有逆轉機會。
• 收支歷程當檢討素材：V5 點玩家卡就能看到「租金都是跟誰收的、錢花去哪」，下課前 3 分鐘直接投影檢討，金流一目了然。
• 大屏＋分組對抗：2～4 組，每組派代表擲骰，全班一起喊答案，氣氛比單純搶答好很多。

因為遊戲是為教室大屏設計的，標題、計時器都收進棋盤中央，玩家欄和棋盤等高，坐在後排也看得清楚。功能按鈕收在棋盤角落，不會擋到投影邊緣。

三、V5 比 V4 多了哪些功能？ 重點

以下是我自己對照程式碼整理出來的差異，V4 有的 V5 全部保留，V5 是加法升級：

項目	V4	V5 新增／改進
🎲 3D 骰子	2D 數字骰＋旋轉動畫	three.js 真 3D 骰子，在棋盤中央翻滾再停在正確點數，一進遊戲畫面就看得到，課堂歡呼聲差很多
🎨 整體美術	傳統灰白棋盤	馬卡龍＋普普風：漫畫貼紙格、粗黑描邊＋硬式陰影，已購買的土地會「浮起來」，一眼看出戰況
🖥️ 大屏版面	標題在棋盤外，地圖＋玩家欄簡單並排	標題＋計時器移入棋盤中央；地圖 75%＋玩家欄 25%，中間有可拖曳把手即時調比例，右欄高度自動同步棋盤，手機自動改上下堆疊
💰 資產與歷程	只顯示現金與土地名	即時顯示總資產（現金＋土地現值）；點擊玩家卡彈出歷程：持有土地、租金收入來源排行、完整收支時間軸，每筆錢都有理由可查
🔔 訊息提示	全部用彈窗，要一直按確定	一般通知改用右下角 Toast 浮動提示（經過起點、匯出成功等），不中斷流程；租金、監獄、破產等關鍵事件才用彈窗
📍 格子回饋	只有底部色條	已購土地左下角顯示地主 emoji 徽章，目前所在格有金色發光脈動外框，大屏遠看也清楚
⚙️ 設定畫面	單欄很長，要捲動	雙欄精簡一頁完成＋版本徽章；新增 XLSX 格式說明弹窗；初始畫面直接有「載入進度」，不用先進遊戲
🔘 功能按鈕	固定在視窗四角	收進棋盤內部：匯出／載入在左上，結束／重置在右上，投影不怕被裁掉

💡 一句話總結：V4 是「功能齊全的單機大富翁」，V5 是「站在全班前面也好帶的大富翁」。如果你用過 V4，直接換 V5 不用重新學。

四、使用詳細教學（建議流程）

我最建議的流程就是：先用 AI 生內容、匯出進度，再用主程式載入來玩。這樣老師在家備課 10 分鐘，到教室 1 分鐘就能開玩。

步驟 1：用 AI 生成地圖、題庫、卡片

1

點擊最上方 🤖 第一步大按鈕 開啟我的 Gemini 分享連結（share.gemini.google/MbDhf94i4XfY）。照著裡面的指示輸入主題，例如「台灣夜市」「自然生態」「英文單字」。

2

在 AI 設計區依序按 生成地圖 → 生成題庫 → 生成卡片。地圖主題會自動帶入卡片欄，也可以手動改。不滿意可以按 🗺️ 手動修改地圖、✏️ 編輯卡片／題庫（👁️）微調。

3

完成後按棋盤左上角 匯出進度，會下載一個 台灣大富翁_儲存_日期.json。這個檔案就是你的「自訂關卡」，請收好。

步驟 2：下載 V5 主程式

4

點擊 🎮 第二步大按鈕（filedn 的 V5 html 連結），在連結上按 右鍵 → 另存 HTML，存到你的電腦或隨身碟。檔名是 大富翁V5-1150919.html。

5

用 Chrome 或 Edge 直接雙擊開啟那個 html，不需安裝、不需網路（有網路時 3D 與字體會更漂亮）。

步驟 3：到教室載入、開玩

6

在設定畫面按 📂 載入進度（或進遊戲後左上角的載入進度），選擇步驟 3 的 json 檔，你的自訂地圖＋題庫就回來了。

7

設定玩家人數、名稱、emoji、初始資金、遊戲時間，勾選要用的題庫，按 開始新遊戲。把瀏覽器按 F11 全螢幕投影到大屏，點擊 擲骰子開玩！

8

下課前想留紀錄再按一次 匯出進度，下節課繼續玩。時間到會自動結算總資產排名。

⚠️ 小提醒

• 題庫 XLSX：每個工作表就是一個題庫，第一列是標題列，從第二列開始每列一題，欄位依序是 題目、答案(1~4或A~D)、選項1~4，六格都要填。
• 監獄規則：探訪沒事，被送監要等 3 回合、擲雙倍提早出來，也可用免費出獄卡或 $500 保釋。
• 租金：一般地產看租金表，車站看擁有數量加倍，公用事業看骰子點數×倍數，賣地以 9 折計入總資產。

五、佈署說明（免安裝・單一檔案）

這個遊戲是純前端單一 HTML 檔，沒有後端、不需 GAS 佈署、不需伺服器：

• 取得方式：上方 🎮 大按鈕右鍵另存 HTML 即可，放到電腦、隨身碟、雲端硬碟都能用。
• 執行方式：雙擊用瀏覽器開啟，建議 Chrome／Edge＋F11 全螢幕投影。
• 存檔方式：遊戲進度存在 JSON＋瀏覽器 localStorage，換電腦就帶著 json 檔＋html 檔走。
• 離線：核心玩法離線可玩；CDN（Tailwind、xlsx、three.js、字體）有網路時效果完整。

📥 下載 V5 主程式（右鍵另存 HTML）

六、結語

V5 對我來說不是炫技，而是一次「把教室現場放在心上」的修改：骰子更大聲、錢流更透明、按鈕不再擋畫面、備課 10 分鐘就能帶走一堂課。

如果你手上有 V4 的題庫和地圖，直接匯入 V5 就能用，歡迎試試看。