html 小設計師的手繪迷宮 · 從紙到3D遊戲
AHALAB / 回到課堂課程入口
從手繪圖到迷宮遊戲

我畫的迷宮小遊戲

同伴小設計師的真實作品案例 · 第一關來自她的手繪

體驗手繪第一關 →開啟完整10關遊戲遊戲程式碼與執行說明 ↗下載原關地圖 JSON

第一關只收集3顆光晶,沒有怪物。找到梯子,爬上牆,才看到出口門;沿牆頂走到門才能出去。先體驗入口附近90秒,再交換操作員,不要求在課堂上走完整關。

對著手繪圖,看看路有沒有畫對

小設計師的原始手稿

小設計師在方格紙上畫的長方形迷宮原圖

現有第一關 · 25列 × 43行

綠:起點 · 金:光晶 · 藍:梯子 · 紫:牆頂門。僅供課堂對照,遊戲中沒有全域性地圖。

這是現有遊戲對手繪的人工柵格解釋。原圖的重疊和橫槓有歧義,仍可請小設計師逐處核對;不能把模型猜出的另一張迷宮稱為原圖復現。跨平臺時以附帶JSON保留當前路線。

人決定什麼,AI幫哪一步?

  1. 她畫出道路,決定想玩什麼:第一人稱、收集物品、爬梯子找門。
  2. 成人與AI把規則寫成程式,加入貼圖、碰撞、聲音和效果。
  3. 人實際試玩,指出穿牆、出口位置、角色和字幕等問題,繼續修改。
  4. 同學先說“我想改……因為……”,再請成人在複製的專案中操作AI,試玩後決定保留什麼。

目前課堂裡的地圖編輯器是已寫好的程式。點顏色、畫牆和生成隨機關卡,不等於每次都在呼叫AI。

課堂怎麼接進來?

沿用60分鐘主流程:23–27分鐘體驗手繪原關;30–40分鐘用獨立小模板製作V1;40–54分鐘互測與改V2。若要演示另一個AI工具改遊戲,替換17–23分鐘證據展示中的成人操作部分,課前準備好已開啟的專案;生成未完成就回本地版本,不擠佔孩子表達和互測。

線上開啟課堂投屏和遊戲,也可從課程入口下載列印材料。