製作自己的遊戲

描述你的課堂遊戲,試玩並透過對話改進,再帶到 ClassBoard。

試玩與改進

在教室螢幕上試玩,請 AI 放大文字或讓規則更清楚。

帶到這裡

貼上完整 HTML、新增公開連結,或上傳靜態遊戲檔案。

顯示 10 個工具

適合小型課堂遊戲的建議順序,考量易用性、預覽、對話修改及匯入方式。這是編輯建議,並非效能測試排名。

ChatGPT

ClassBoard 推薦第 1 名

描述小型課堂遊戲,透過對話改進,並要求提供完整 HTML 檔案。

貼上 HTML公開連結
如何帶到 ClassBoard
  1. 要求提供完整 HTML 檔案,內含樣式與腳本,不需要伺服器或 API 金鑰。
  2. 試玩並提出修改要求,再複製完整 HTML。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。

符合資格的付費方案可透過 Sites 發布連結。其規定不允許以未滿 13 歲兒童為對象的網站,請確認年齡及工作區限制。

官方指南 ↗ · 分享方式與限制 ↗
創作

Claude

ClassBoard 推薦第 2 名

用 Artifacts 製作小型互動遊戲,匯出獨立 HTML 供 ClassBoard 使用。

貼上 HTML
如何帶到 ClassBoard
  1. 要求以 Artifact 製作獨立的 HTML 遊戲。
  2. 試玩並透過對話改進,再複製或匯出完整 HTML。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。

目前分享的 Artifacts 需要 Claude 帳號。舊版已發布的對話作品可能不同;在此使用 HTML 更簡單。

官方指南 ↗ · 分享方式與限制 ↗
創作

Gemini Canvas

ClassBoard 推薦第 3 名

在 Canvas 製作及預覽測驗與字彙遊戲,再透過對話改進。

貼上 HTML公開連結
如何帶到 ClassBoard
  1. 選擇 Canvas、描述遊戲,再試玩預覽。
  2. 開啟 Code 並複製完整 HTML,或使用 Share 建立連結。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。

分享的 Canvas 應用程式可能要求訪客登入。請登出測試連結,必要時使用獨立 HTML。

官方指南 ↗
創作

Rosebud AI

ClassBoard 推薦第 4 名

專注遊戲的製作工具,能打造可遊玩的世界並生成美術與音效。

公開連結
如何帶到 ClassBoard
  1. 描述遊戲,試玩並調整玩法、美術及音效。
  2. 發布完成的遊戲並複製可遊玩的連結。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。
官方指南 ↗
創作

Canva Code

ClassBoard 推薦第 5 名

在 Canva 製作測驗及互動活動,再發布成網站。

公開連結
如何帶到 ClassBoard
  1. 開啟 Canva Code、描述活動,再於 Preview 中測試。
  2. 發布成網站並複製網站網址,不要使用編輯連結。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。
官方指南 ↗
創作

Replit Agent

ClassBoard 推薦第 6 名

在同一工作區使用 Agent 製作、預覽及發布瀏覽器遊戲。

公開連結
如何帶到 ClassBoard
  1. 向 Agent 描述瀏覽器遊戲,再試玩並改進預覽。
  2. 發布應用程式並複製正式遊戲網址。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。
官方指南 ↗
創作

Bolt.new

ClassBoard 推薦第 7 名

描述想要的瀏覽器遊戲、試玩預覽,再發布可遊玩的連結。

公開連結
如何帶到 ClassBoard
  1. 描述遊戲、試玩預覽,並提出改進要求。
  2. 發布應用程式並複製正式遊戲網址。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。
官方指南 ↗
創作

Lovable

ClassBoard 推薦第 8 名

製作有精緻選單、分數及教師介面的教學網頁應用程式。

公開連結
如何帶到 ClassBoard
  1. 描述遊戲、試玩預覽,並提出改進要求。
  2. 選擇 Publish、將存取設為公開,再複製正式網站網址。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。
官方指南 ↗
創作

Base44

ClassBoard 推薦第 9 名

透過對話製作測驗、益智及計分網頁遊戲,再分享公開連結。

公開連結
如何帶到 ClassBoard
  1. 描述你的課堂遊戲,測試預覽,並透過對話持續改進。
  2. 將遊戲發布為公開且無須登入,再複製正式連結。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。

應用程式由 Base44 託管。請在這裡使用公開連結;下載的專案可能仍依賴 Base44 服務。

官方指南 ↗
創作

v0

ClassBoard 推薦第 10 名

製作精緻的互動網頁應用程式,透過 Vercel 發布。

公開連結
如何帶到 ClassBoard
  1. 描述遊戲、試玩預覽,並提出改進要求。
  2. 發布至 Vercel 並複製正式網址,確認所有人皆可開啟。
  3. 在 ClassBoard 選擇「發布遊戲」,再選取上方對應的匯入方式。
官方指南 ↗
創作
從課堂遊戲提示詞開始

替換主題及年齡組別,再貼到選定的工具中。

為 [年齡組別] 製作關於 [主題] 的單一 HTML 檔案課堂遊戲,包含所有 CSS 和 JavaScript。使用適合投影的大字、簡單規則、鍵盤與觸控操作,以及重新開始按鈕。僅使用虛構姓名,不使用外部函式庫、帳號、伺服器或 API 金鑰。
HTML 上傳需提供完整 HTML 檔案;資料夾/ZIP 需包含可直接執行的靜態檔案及 index.html。需要伺服器或 API 金鑰的專案應使用自己的託管服務。

較大型的專案,可以使用能處理專案檔案的程式開發環境: Google Antigravity ↗ChatGPT Codex ↗Claude Code ↗也可以試試: OpenCode ↗

使用學校允許的工具,請勿在提示詞中加入學生個資。帳號、年齡、方案及地區限制各有不同,使用前請確認服務規定。

ClassBoard 與這些服務並無隸屬關係。功能依官方指南核對日期:2026-10-08。

發布前請登出測試遊戲能否開啟,並在教室螢幕上試玩。公開連結可能會在服務商網站開啟。