--- tags: 2022 iThome 鐵人賽 title: 9/28 Arcade再進化-迷宮產生器(2) AUTHOR: 王騰偉 --- # 迷宮產生器 >上一篇我們做出了二元樹迷宮,並且可以不斷地重新生成 但是有沒有可能可以操控角色遊玩迷宮呢? ## 本篇內容 我們今天就來做出可以實際遊玩的迷宮 使用方向鍵操控走向角色,最後抵達終點通關 ### 1. 創建可移動的角色 首先,我們先從角色分類與控制器分類拉出這兩個方塊並放入程式中 ![](https://i.imgur.com/LcS5cyx.png) 並點選這裡進入編輯器 ![](https://i.imgur.com/5On4yMm.png) 點擊上方的素材庫 選擇自己想要的角色 (可以自由發揮) ![](https://i.imgur.com/M3qF1BB.png) 再來是做出改變方向的效果 ![](https://i.imgur.com/d3ghaw4.png) 在編輯器上點擊鏡像工具 即可做出相反邊的鴨子 ![](https://i.imgur.com/CJzXrlq.png) 效果 : ![](https://i.imgur.com/avxyglP.gif) ### 2. 手動創建並繪製地圖 從場景類別中拉出這兩個方塊並放入程式中 並將箭頭處顏色改為白色 ![](https://i.imgur.com/5k3LqJA.png) 接著點選箭頭處進入編輯器 ![](https://i.imgur.com/cFzkdhp.png) 並按照步驟畫出迷宮 1. 繪製出黑色貼圖 ![](https://i.imgur.com/22oo9ZN.png) ![](https://i.imgur.com/0geVNVf.png) 2. 按照剛剛同樣的方法繪製出綠色的貼圖 3. 使用黑色貼圖繪製出迷宮 ![](https://i.imgur.com/8V7t0aV.png) 4. 做出牆壁 ![](https://i.imgur.com/8e9cAuU.png) 5. 做出終點 ![](https://i.imgur.com/p0FLQH4.png) 效果: ![](https://i.imgur.com/ZISkMfJ.png) ### 3. 合併素材做出完整的遊戲 ![](https://i.imgur.com/n28tzra.png) ![](https://i.imgur.com/QNoIZvH.png) 在這邊我們將剛剛做的東西合併 並且將玩家走到綠色方格為通關條件 若沒在特定時間內達成,則會失敗 ### 完成結果: 通關 ![](https://i.imgur.com/FkUgIy1.gif) 失敗 ![](https://i.imgur.com/TYXGkQd.gif) ## [**成品連結**](https://makecode.com/_cEobftCwP2F0) ##### 作者: 王騰偉