可閱讀教材
用 AI 製作遊戲與互動網站
原課程名稱:Coding 課堂實作
這門課幫你做什麼?
先說清楚需求,再用 AI 製作可以操作的遊戲與互動網站。
可以練習完成的成果
- 整理一份可執行的需求指令,練習製作落下方塊遊戲與 3D 展示網站。
開始前需要準備什麼?
- 準備可產生 HTML 的 AI 環境與可預覽網頁的瀏覽器。
- 網站範例與附檔請依教材使用;下載完整包後保留資源的相對位置。
本課技能與下載(3項)
教材可直接閱讀。下載 Skill 需先 Google 登入,並由管理員開放下載權限;請選擇自己使用的平台,依包內條件安裝。

提示詞完善
檢查指令資訊與需求,整理可執行的提示詞。
ClaudeCodexGemini
查看 Skill ↗

落下方塊遊戲網站
建立具備旋轉、碰撞、消行、預覽與手機操作的落下方塊遊戲網站。
ClaudeCodexGemini
查看 Skill ↗
使用與下載
可產生 HTML 的 AI 環境;範例網站不需 API 或登入;Gemini/Spark 與 Genspark 下載位於十頁教學頁,平台內啟用尚未實測
三平台指引包・依工具條件使用
安裝與使用說明 ↗
3D 互動展示網站
建立能旋轉、縮放與切換展品的 3D 展示網站。
ClaudeCodexGemini
查看 Skill ↗
使用與下載
可產生 HTML 的 AI 環境;範例網站不需 API 或登入;Gemini/Spark 與 Genspark 下載位於十頁教學頁,平台內啟用尚未實測
三平台指引包・依工具條件使用
安裝與使用說明 ↗資料來源
依既有教材與課程資料整理。原始研究、圖片授權及簡報來源請參閱教材內的來源說明。