🎮 課堂作品展示牆

做完遊戲貼上來,全班即時可以玩

連線中... 0 件作品
載入中...
⏳ 載入作品中...

提交你的遊戲作品

把 Claude 幫你生成的 HTML 程式碼貼在下方,作品就會即時出現在展示牆上,全班都能點進去玩。

1
在 Claude 用 Prompt 做好遊戲,等右邊 Artifacts 出現
2
點 Artifacts 右上角的 ,選「複製程式碼」
3
填入你的名字和遊戲名稱,把程式碼貼進來,送出!

🎮 基本遊戲 Prompt 範本

請用 HTML + CSS + JavaScript 幫我做一個互動小遊戲: 遊戲類型:[猜謎問答 / 記憶配對 / 填空挑戰] 主題:[例:台灣景點 / 台語歌曲 / 家鄉美食 / 節氣知識] 題目數量:5 題 要求: - 每題有 4 個選項,答對顯示鼓勵,答錯顯示正確答案 - 最後顯示分數和一句鼓勵的話 - 畫面要好看,文字夠大,適合長輩使用 - 不需要任何外部連結,全部自己完成

🗺 台灣景點猜謎

請用 HTML + CSS + JavaScript 做一個台灣景點猜謎遊戲,5 題 4 選 1。 包含九份、日月潭、太魯閣、墾丁、阿里山等景點。 答對時顯示該景點特色一句話,最後給分數和評語。 字體大、顏色好看、適合長輩使用。

🎵 台語老歌猜歌名

請用 HTML + CSS + JavaScript 做一個台語老歌猜謎遊戲。 玩法:顯示歌詞的一段,猜歌名(4 選 1)。 歌曲:愛拼才會贏、望春風、港都夜雨、黃昏的故鄉、燒肉粽。 溫暖懷舊的橘色配色,字體大,答對時顯示歌曲年代。

🍜 台灣美食大考驗

請用 HTML + CSS + JavaScript 做一個台灣美食知識問答遊戲,5 題 4 選 1。 題目:珍珠奶茶發源於哪個城市?台南最有名的早餐是什麼? 用食物的暖色系(橘、黃、紅),字體大,答對時給有趣反應。 最後根據分數給「美食達人」等級評語。

🌿 節氣養生知識

請用 HTML + CSS + JavaScript 做一個節氣養生知識遊戲,5 題 4 選 1。 題目:冬至要吃什麼?清明節習俗是?夏至養生重點是? 清新綠色系配色,答對後說明該節氣的養生小知識。字體清楚易讀。

🃏 成語配對記憶遊戲

請用 HTML + CSS + JavaScript 做一個成語配對記憶遊戲。 畫面有 12 張翻面的牌(6 對),點開兩張配對成功就消除。 成語:守株待兔、亡羊補牢、畫蛇添足、半途而廢、一石二鳥、坐井觀天。 要有翻牌動畫,顯示翻牌次數,完成後顯示花樣慶祝效果。

🔤 台語詞彙猜猜看

請用 HTML + CSS + JavaScript 做一個台語詞彙趣味遊戲,5 題 4 選 1。 玩法:顯示台語詞彙,猜華語意思。 詞彙:蓋勢、揣無、足讚、歹勢、橋(口語義)。 活潑藍綠色系,答對後顯示該詞的例句,勾起童年記憶。

🌍 世界地理小挑戰

請用 HTML + CSS + JavaScript 做一個世界地理問答遊戲,5 題 4 選 1。 題目:日本首都是?艾菲爾鐵塔在哪城市?尼加拉瀑布在哪兩國交界? 清爽藍色系,答對後顯示該地點有趣小知識。字體夠大按鈕好按。

🧘 健康常識問答

請用 HTML + CSS + JavaScript 做一個健康常識小測驗,5 題 4 選 1。 題目:每天建議喝多少水?哪種運動對膝蓋最友善?飯後多久才能運動? 清新綠白配色,答對後顯示健康小提醒,最後給「健康達人等級」。

📅 台灣歷史大事記

請用 HTML + CSS + JavaScript 做一個台灣歷史知識問答遊戲,5 題 4 選 1。 題目:台灣光復是哪年?第一條高速公路何時通車?九二一大地震哪年? 沉穩深藍色系,答對後顯示歷史背景說明,結束時根據分數給評語。

做完想修改?這樣說最省 token:

  • 「把背景換成藍色系」
  • 「答對的時候加一個慶祝動畫」
  • 「字體再放大一點」
  • 「把第三題改成關於高雄的景點」
  • 「加上計時器,每題 30 秒」

🔧 老師管理

清除全部作品(每堂課結束後使用)

API 狀態

檢查中...