iT邦幫忙

2022 iThome 鐵人賽

DAY 20
0

二元樹迷宮遊戲

前面已經介紹過二元樹迷宮的生成原理以及在arcade網站中做出了簡易版的迷宮遊戲
現在就讓我們把這兩個結合在一起吧

本篇內容

製作出上次迷宮遊戲的進化版
能夠自動生成迷宮的遊戲

主程式

我們可以將主程式拆分成這幾個步驟

setup 初始化

在這裡,我們需要創建row跟col兩個變數

剩下如圖所示

draw_map 畫出地圖

我們將直欄或橫列其中一個為偶數的格子都設為牆壁
若都沒有偶數,就跳過該格

另外,將最右邊及最下面都設為道路

程式:

效果:

*關於這個方塊

最一剛開始並不會有任何貼圖給你選
所以我們必須回到setup的這個方塊
點擊這裡後進入地圖編輯器

按照下圖操作

圖案才會出現給你選擇

draw_path 畫出路徑

從空白的地方隨機向右或向下設為路徑
如下圖範例

程式:

build_wall 在tilemap中設定牆壁

如果少了這步,單單牆壁圖案可阻擋不了我們的角色
因此,此步驟對迷宮來說至關重要

程式:

設定牆壁前

設定牆壁後

由上圖可以感受到明顯的差別

人物動畫

如果角色移動完全沒有動作,會顯得非常單調
因此,我們要將角色移動時會走路的效果做出來
方法為 當X鍵被按下時,播放動畫

點擊進入編輯器

選取素材庫

黃色框選的部分為使用的素材 (可自行發揮)
分別對應 向左、向右、向上、向下

當按下4種方向鍵時,播放不同方向的走路動畫
間隔為100毫秒,循環開啟

設定遊戲通關條件

配合我們在主程式中已經設定好了寶箱以及倒計時

將通關的畫面寫出來

最終成果

通關:

失敗:

成品連結

作者: 王騰偉

上一篇
Arcade再進化-橫向捲軸遊戲(3)
下一篇
Arcade再進化-虛擬鍵盤的妙用(4)
系列文
玩game學打code。街機程式設計再進化。微軟Arcade30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言