2026 暑期數位創作營

AI ✕ 3D 網頁遊戲開發（適合 10-15 歲，精悍 8 堂課）
⏰ 每星期1堂，每堂1小時
👨‍💼 聯絡導師報名 🚀 網上報名 📤 分享給朋友 🖨️ 打印時間表

🎯 高成就感導向

捨棄複雜的 Unity 與安裝流程，改用瀏覽器即開即玩的網頁（Web）作為載體，孩子寫完一鍵發布，能立刻分享給家人朋友玩，成就感最高！

🚀 AI 科技賦能

運用最新的 AI 繪圖工具，解決孩子短時間內無法獨立完成高品質美術素材的痛點，讓他們把核心精力集中在「設計邏輯」與「程式編程」上。

📅 月份一：基礎建立與 AI 視覺設計
Lesson 01

網頁世界第一步與 AI 創意構思

核心內容
HTML 基礎標籤與語法、遊戲設計構思。
實作專案
建立人生第一個網頁，並使用 AI 工具激發出獨一無二的遊戲主題靈感。
Lesson 02

網頁變漂亮與 AI 角色設計

核心內容
CSS 樣式與佈局、AI 繪圖技術應用。
實作專案
為網頁加上色彩與美觀排版，並利用 AI 生成專屬的遊戲角色與場景素材。
Lesson 03

讓網頁動起來！數位繪圖優化

核心內容
CSS 動畫與過渡效果、Krita 數位繪圖基礎修飾。
實作專案
學習動畫理論與設計原則，用程式碼讓角色動起來，並用 Krita 微調 AI 素材。
Lesson 04

JavaScript 魔法與互動入門

核心內容
JavaScript 互動功能、UI/UX 設計基礎（好看又好用）。
實作專案
撰寫點擊事件與簡單的計分機制，打造直覺、好玩且兼具美感的遊戲互動介面。
📅 月份二：3D 遊戲實作與作品發表
Lesson 05

跨進 3D 空間與建模體驗

核心內容
2D/3D 遊戲設計理論、Blender 3D 建模入門。
實作專案
理解三維空間概念，動手在 Blender 中建立簡單的 3D 遊戲物件（如金幣、障礙物）。
Lesson 06

網頁遊戲開發實作（核心編程）

核心內容
網頁遊戲開發實作、響應式網頁設計。
實作專案
整合網頁與 JS 知識，把 3D/2D 素材融入網頁遊戲中，並設定分數與關卡機制（手機也能玩！）。
Lesson 07

遊戲音效與特效優化

核心內容
遊戲音效製作（免費/AI 工具）、動畫特效。
實作專案
配上背景音樂與碰撞音效，並加入得分、過關的視覺特效，讓遊戲豐富度瞬間拉滿。
Lesson 08

作品成品包裝、雲端發布與分享

核心內容
網頁發布與分享、動畫特效與作品發表。
實作專案
將寫好的遊戲部署上線，生成專屬網址與 QR Code，直接進行最終的線上成果發表！

準備好了嗎？

🚀 立即報名 🌐 官網