⚔️ 全域教學新神器 · AI 遊戲化引擎

讓教材一秒化身熱血戰場!
回合制 RPG 答題對決遊戲 製作指南

揮別枯燥乏味的傳統表單測驗!結合 AI 自動主題生圖、4×4 精靈圖幀動畫、雙人對峙打擊感與 Web Audio 原生音效,點擊兩下直接在瀏覽器暢玩的零依賴互動教學遊戲!

回合制 RPG 答題對決遊戲 官方旗艦主視覺
✨ 原生單檔 HTML · 雙擊即玩

真實戰鬥打擊 · 學生秒沉浸

學生化身「修仙問字使」或「冒險者勇者」,答對向前突進出招扣除魔物氣血;答錯遭受反噬受傷,並即刻展開「名師解題秘笈」即時訂正觀念!

開箱遊玩:《文道問劍》修仙錄 ↗ 開箱遊玩:《夏夜星光冒險》 ↗
戰場波次 01 / 03 🔥 連擊 Combo × 3
🧙‍♂️
青墨劍修 (LV.3)
HP: 350 / 350
VS
🦇
噬文魔・阿訛
HP: 180 / 380
內力蓄能:100% ⚡ 【文氣爆發】蓄勢待發

Core Advantages

為什麼這套遊戲化教學能抓住全班眼球?

🎨

主題專屬 AI 原創生圖

每次製作時自動根據教材調用 generate_image,生成專屬的主角戰士、關卡守護怪獸與沉浸式戰鬥背景,視覺契合度 100%。

🏃

4×4 精靈圖幀動畫 (Sprite)

告別死板靜態圖!角色與怪獸具備呼吸待機、揮刀衝刺突進、受傷劇烈抖動與大招施法連續幀動作,呈現正統網頁遊戲打擊感。

🎵

Web Audio 原生音效合成

不依賴任何外部 MP3/OGG 音訊檔,使用瀏覽器原生音訊合成器即時發出清脆正確音、沈重打擊音與全螢幕大招音效,離線絕不啞火。

💎

RPG 養成與名師秘笈

通關獲取修為點數(文魄/金幣),可在洞府加點升級氣血與攻擊;答錯即時彈出名師解題詳解,讓娛樂與課堂學習無縫融合。

DOWNLOAD & AGENT INSTALLATION

Skill 檔案下載與 AI Agent 安裝指引

📦 下載完整 Skill 壓縮包 (.zip) 📄 下載 SKILL.md 原檔

您可以將本 Skill 安裝到您的 Antigravity、Claude Code、Cursor 或任何 AI Coding Agent 中。安裝完成後,只要在對話中說出「製作RPG答題遊戲」或「回合制RPG戰鬥」,AI 就會自動套用全套遊戲引擎邏輯!

⚡ 終端機一鍵安裝指令(PowerShell / Windows)

打開 PowerShell 視窗,直接複製貼上以下一行指令,即可將本 Skill 自動安裝至全域 Antigravity 設定中:

$dir = "$HOME\.gemini\config\skills\rpg_quiz_battle_game"; New-Item -ItemType Directory -Force -Path $dir | Out-Null; Invoke-WebRequest -Uri "https://ijun-ai.com/exam/rpg-quiz-battle/SKILL.md" -OutFile "$dir\SKILL.md"; Write-Host "✅ rpg_quiz_battle_game Skill 已成功安裝至全域!" -ForegroundColor Green

1. Google Antigravity (AGY)

  • 全域安裝(推薦):將 SKILL.md 放入 ~/.gemini/config/skills/rpg_quiz_battle_game/SKILL.md。
  • 專案安裝:若僅想在特定專案使用,放入專案目錄下的 .agents/skills/rpg_quiz_battle_game/SKILL.md。
  • 重啟對話後輸入關鍵字即可自動發現並調用。

2. Claude Code / Cursor / Windsurf

  • Cursor / Windsurf:直接在專案根目錄建立 .cursorrules 或 .windsurfrules,將 SKILL.md 內容貼入。
  • Claude Code:將檔案放至 CLAUDE.md 或專案設定檔中。
  • 輸入需求時 AI 即會依此規範輸出單檔 HTML 與對決戰場。

3. ChatGPT GPTs / Gemini Gem

  • 進入自訂 GPTs 或 Gemini Gem 的設定頁面。
  • 在「Instructions (系統提示詞)」欄位中,直接貼入下方提供的完整 Prompt。
  • 未來隨時丟給它一段 Word 講義,它就能幫您輸出整套網頁遊戲!
SYSTEM PROMPT

一鍵複製:全域 RPG 戰鬥遊戲 Skill 完整指令

您可以將此提示詞貼給 Antigravity、Claude Projects、ChatGPT Custom Instructions 或 Gemini Gem,隨時將現有講義打造成熱血戰鬥遊戲!

請扮演我的專業教育遊戲開發引擎。我要將教材製作成單一 HTML 的「回合制 RPG 答題對決遊戲」: 【核心開發規範】 1. 直接輸出實體檔案 output/index.html,零外部套件依賴(Zero-Dependency),雙擊在瀏覽器即可直接暢玩。 2. 視覺採用「雙人對峙真實戰鬥擂台」:頂部為宏偉場景背景,左方為玩家戰士,右方為敵方怪獸,雙方具備腳底暗影與頭頂立體血條氣泡。 3. 動態幀動作演出:角色與怪物具備待機呼吸(Idle)、答對突進揮擊(Attack)、挨打劇烈抖動與飄浮扣血跳字(Hurt)、大絕招施法(Skill)。 4. 戰鬥打擊回饋:答對突進攻擊扣除怪獸 HP、累計連擊 Combo、蓄積能量;答錯怪獸撲擊反噬,並立即展開【名師解題秘笈】深入解析。 5. 能量大招系統:答對累積能量至 100% 時,釋放專屬全螢幕大招造成 2.5 倍暴擊與氣血回復。 6. 原生免外部音檔音效:使用瀏覽器原生 Web Audio API 即時合成擊中音、正確音、反噬音與大招音效,完全不需載入外部 mp3。 7. RPG 數值養成與存檔:過關獲得貨幣點數,可在大廳修煉強化「氣血上限」與「基礎攻擊力」,並以 localStorage 自動儲存進度。 8. 手機與電腦全響應式設計(RWD)。
INTERACTIVE BUILDER

互動式:專屬學科遊戲提示詞組裝器

選擇您的學科情境與偏好風格,點擊按鈕即可自動組裝出精準度極高的專屬 Prompt!

Quick Start Workflow

老師動手做:只要三步即可出爐

01

準備題庫教材

直接把 Word 學習單、課本題目、或者段考考卷內容複製出來,任何格式皆可由 AI 自動辨識清洗。

02

輸入觸發關鍵字

對 AI 說出:「製作RPG答題遊戲」並附上題目。AI 將自動生圖、建立 Sprite 幀動畫與 Web Audio 音效。

03

雙擊檔案立即開玩

在專案 output 資料夾找到 index.html,直接雙擊即可投影在電子白板全班搶答,或發給學生個人自主闖關!

FAQ

常見問題與使用技巧

學生在學校沒有網路也能玩嗎?

完全沒問題!產出的網頁是 100% 獨立的單一 HTML 檔案,所有的打擊動畫、音效合成與遊戲邏輯都封裝在檔案內。老師只要將 HTML 檔案複製到隨身碟,學生即便處於離線狀態,點擊兩下就能在 Chrome、Edge 或 Safari 上流暢遊玩。

如何將遊戲部署到班級網站或我自己的網址上?

因為它是標準的靜態網頁,您可以直接將檔案上傳到 GitHub Pages、Google Drive 靜態託管、或透過 Cloudflare 免費發布,複製一個連結就能傳到 Google Classroom 給全班同學測驗!

題目的數量有限制嗎?

沒有限制!在產生遊戲時,您可以自由放入 10 題、30 題或甚至上百題。遊戲引擎內建題目隊列隨機洗牌機制,答完一輪會自動重新打亂,非常適合作為長期複習的題庫練習機。

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