---
# System prepended metadata

title: 9/28 Arcade再進化-迷宮產生器(2)
tags: [2022 iThome 鐵人賽]

---

---
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)



##### 作者: 王騰偉