從 AI 對話到教室螢幕

ClassBoard Games 如何運作

帶上程式碼、專案檔或公開作品網址。每條路徑都會來到 ClassBoard 頁面,帶著你的身分與教室脈絡。

1

隨處創作

用 ChatGPT、Claude、Gemini、Grok、Codex vibe-code 一款遊戲——或自己動手寫。任何能產出 HTML 的工具都可以。

2

加入並驗證

建立免費帳號並確認電子郵件。登入後會直接進入上傳管理面板。

3

上傳並發布

直接選擇遊戲資料夾、上傳 ZIP、貼上完整 HTML 文件,或加入公開 HTTPS 作品網址。加上簡短摘要、年齡範圍與學習目標。

4

世界一起玩

老師會在作品庫或你的個人空間找到作品。上傳的程式碼在受限播放器中執行。外部連結在原始網站開啟,或在支援時於框架內開啟。

兩種可靠的瀏覽器格式

使用一份完整 HTML 文件,或把可直接執行的資料夾打成 ZIP,其中恰好一份名為 index.html 的 HTML 文件及其相對路徑的非 HTML 素材。React、Vite 等專案必須先建置:上傳可部署的 dist 輸出,絕不要上傳原始相依套件或 node_modules。已發布遊戲支援明確的 HTTPS 指令碼與樣式表;不支援遠端 API、伺服器端語言與上傳的建置指令。

上傳的程式碼會怎樣

外部作品也有位置

從你偏好的創作平台或網站帶入公開連結。ClassBoard 保存列表與網址歷史;原始網站控制內容與可用性。內嵌檢視一律包含「開啟原始頁」按鈕。連結不會提供可下載的原始檔,也沒有原生改作。

準備好了嗎?

從貼上到能玩,只要兩分鐘。

新增作品