AI Vibe Coding 遊戲設計課程

2–4 小時完成可玩原型,或以 8–12 小時發展完整遊戲專題

AI Vibe Coding 遊戲設計課程

學生以自然語言與 AI coding 工具協作,把遊戲構思逐步轉化為可測試的網頁作品。兩至四小時工作坊以 Gemini 與 GitHub 集中完成可即場試玩的原型;八至十二小時進階課程則可使用 Codex 或 Cursor,加入更完整的企劃、邏輯、除錯、個人化及發布流程。課程適合高小至中學,內容按學生程度調整。

按課時選擇

每位學生都把想法變成可玩的作品

同一套創作流程可按學校時間表及學生程度調整,短課程重視完成原型,進階課程則深入測試、改良與發布。

集中創作體驗

AI Vibe Coding 工作坊|2–4 小時

學生拆解遊戲規則、向 Gemini 表達需求、測試並修正功能,再透過 GitHub 儲存或分享可即場試玩的網頁遊戲原型。

適合課堂活動、試後活動及短期到校工作坊。

完整專題學習

AI 遊戲創作專題|8–12 小時

可使用 Codex 或 Cursor,由共同原型延伸至個人企劃,加入遊戲邏輯、關卡、介面、除錯、測試及作品發布。

適合多節課程、課後活動及專題學習。

高小至中學,內容按學生程度調整

零編程基礎亦可參與;導師會按年級、打字能力及課時調整示範、遊戲複雜度與支援方式。

查詢到校安排

為什麼選擇 AI 編程?

在 AI 原生時代,學生需要的不只是語法知識,更是把想法清楚表達、快速驗證與持續改良的能力。本課程按深度選用合適的 AI coding 工具,讓學生在遊戲專案中掌握需求表達、邏輯拆解與除錯流程,並建立可展示的實作成果。

以自然語言降低入門門檻,專注創意實現
建立需求拆解與提示工程能力
較長課程可完成 GitHub 發佈與成果分享

按課程深度選用合適工具

工具不是課程目的。我們會按課時、學生程度與學校帳戶環境,選擇足以支持學生完成作品的 AI coding 流程。

Gemini 快速原型

2–4 小時工作坊以 Gemini 快速生成、測試及修正網頁遊戲,讓學生在有限時間內完成可玩的成果。

GitHub 儲存與分享

短版可利用 GitHub 儲存及分享作品;較長課程則可進一步處理版本、發布及持續改良。

Codex/Cursor 進階開發

8–12 小時進階課程可按校情使用 Codex 或 Cursor,讓學生處理較完整的檔案結構、功能迭代、除錯與個人專題。

課程要求

課時

2–4 小時工作坊,或 8–12 小時進階課程

所需設備

每位學生一部可連接互聯網及運行現代瀏覽器的手提電腦;不建議使用 iPad 或其他平板電腦

學員要求

高小至中學,內容按學生程度調整

帳戶需求

短版使用 Gemini 與 GitHub;進階課程可按校情使用 Codex 或 Cursor,帳戶安排於課前確認

課程重點

AI Coding 協作

以自然語言與 Gemini、Codex 或 Cursor 等工具協作,把想法轉化為可測試的遊戲原型

從原型到完整專案

由五子棋起步,逐步完成企劃、框架、規則深化與最終測試,建立完整開發流程

提示工程與邏輯拆解

重視早期思考與需求拆解,培養學生把問題轉化為有效 AI 指令的能力

創意與協作學習

透過作品展示與互評,培養創意表達、溝通與持續改進能力

GitHub 發佈能力

學習使用 GitHub 管理與發佈專案,讓同學可透過專屬網址直接試玩作品

真實學生作品

不只是練習,每個連結都可以真正試玩

學生由玩法構思開始,逐步加入電腦對戰、關卡、難度、升級系統及雙人模式。點擊作品即可開啟遊戲。

以上均為課程學生作品;實際成果會因課時、學生程度及個人創作方向而有所不同。

瀏覽更多作品

近期到校實踐

由單次工作坊到多節遊戲專題

近期課程涵蓋 3.5–4 小時集中工作坊,以及 8–10 小時學校專題。學生由共同示範起步,再按課時發展個人玩法、測試及改良作品。

短期工作坊

集中完成可玩原型

把規則、提示、生成、測試及基本修正濃縮在一次活動內。

多節學校課程

逐步深化個人作品

加入更完整的遊戲企劃、功能改良、介面設計與系統測試。

真實作品證明

學生遊戲可直接試玩

作品不只停留在截圖;訪客可在上方作品大廳及展示卡直接開啟遊戲。

課程內容

共 2–4 小時工作坊/8–12 小時進階課程

* 可根據學校需要調整

  • 討論遊戲本質(勝利條件、平衡性)
  • 學習如何把規則清楚描述給 AI
  • 使用 Gemini 生成單機版五子棋 HTML 原型
  • 要求 AI 加入難度選擇與 UI 美化
  • 構思並創作屬於自己的項目
  • 觀察經典小遊戲(打磚塊、貪食蛇、2048、心理測驗)並分析適合網頁呈現的玩法
  • 撰寫遊戲說明書(玩家移動、分數計算、死亡機制等)
  • 與 Gemini 討論技術難點與實作建議
  • 生成遊戲主要畫面與基本操作
  • 觀察遊戲行為並向 AI 反饋錯誤進行修改
  • 豐富規則(計分系統、多重關卡或遊戲結束機制)
  • 處理出現的 Bug(邏輯除錯練習)
  • 功能完善(加入最高分紀錄等細節功能)
  • 最終測試(完整系統測試與穩定度除錯)
  • 建立儲存庫(Repository)與上傳程式碼
  • 啟動 GitHub Pages 取得個人專屬遊戲 URL
  • 作品介紹、互相試玩與評分

FAQ

常見問題

關於課程的常見問題

完全可以!本課程專為零基礎學生設計,使用 AI 工具讓編程變得簡單易懂。

是的,每位學生需要使用一部可連接互聯網及運行現代瀏覽器的手提電腦,學校亦需提供穩定 Wi-Fi。iPad 或其他平板電腦不建議用於本課程。短版通常使用 Gemini 與 GitHub;進階課程可按校情使用 Codex 或 Cursor,實際帳戶安排會在課前確認。

主要會接觸 HTML、CSS、JavaScript,並重點學習如何透過自然語言與 AI coding 工具協作、測試及改良作品。

短版工作坊會完成可在瀏覽器即場試玩的遊戲原型;進階課程可再加入個人化功能、完整測試及 GitHub Pages 發佈。

相關課程推薦

基於「AI Vibe Coding 遊戲設計課程」的內容,為您推薦其他相關課程

Minecraft 校園創建課程

本課程涵蓋了Minecraft的基本操作、WorldEdit插件入門和進階技巧,以及參與高樓大廈的建造和外部細節設計。學生將熟悉Minecraft操作並參與破冰遊戲,讓導師了解他們的能力水平。他們將學習WorldEdit插件的用途和工具,包括入門階段的選取區域、查看方塊ID,並使用「Hello」字樣建構結構;亦有進階階段的延伸橋樑、連線選取區域、填滿封閉區域,,並學習相關的建築物配色和建築細節技巧,進一步提升對學校的認識。

Minecraft 遊戲設計課程

本課程將帶領學員認識 Minecraft 的核心「紅石」,學習如何利用紅石元件設計和製作各種自動化裝置與互動遊戲。從紅石的基本原理和訊號傳遞開始,逐步引導學員製作邏輯閘、防禦系統、陷阱以及更複雜的自動化機械。這不僅是一門遊戲技巧課,更是一堂充滿邏輯思維與創意工程的入門課。

相關新聞

探索更多與「AI Vibe Coding 遊戲設計課程」相關的教育資訊與活動回顧

現正接受報名:Formula AI 香港校際 AI 方程式 2024
最新消息

現正接受報名:Formula AI 香港校際 AI 方程式 2024

Formula AI 香港校際 AI 方程式 2024 編程無人車競賽 與對手一決高下 經過去年七場激烈的賽事,15間學校總計30隊的同學齊聚一堂,爭奪香港校際AI方程式首屆總冠軍的殊榮。每一站比賽同學都全力以赴,即使面對不同困難和挑戰,他們都嘗試努力克服,過程中的毅力和堅持令人印象深刻。...

AI 人工智能Donkey CarProgramming 編程 +3
閱讀更多
Microbit x 智能小車 逃出迷宮任務
過往活動

Microbit x 智能小車 逃出迷宮任務

中一迎新日就一定係坐定定聽講座?唔一定嘅!好似文理書院 (九龍)既準中一同學仔咁,佢哋今日玩足五個鐘頭Micro:bit智能小車同埋逃出迷宮比賽!🛞🏍️ 於今次STEM...

AI 人工智能Micro:bitProgramming 編程 +2
閱讀更多

聯絡我們

告訴我們學生年級、人數、可用課時及電腦安排,我們會建議 2–4 小時工作坊或 8–12 小時進階課程,並提供方案及報價。

請至少填寫電郵或電話其中一項。我們通常會在一個工作天內回覆。