此文將會介紹如何使用Tiled
這個軟體製作一個地圖,並放進PAIA迷宮自走車中,讓我們的自走車可以跑在自己客製化的地圖。
建立好的地圖除了可以直接放入PAIA迷宮自走車,在個人環境中做使用之外,也可以分享給其他人,讓所有人使用。
- 增加四種自走車初始方向
- 增加斜向靜止牆壁
- 說明如何處理新舊版本不相容問題
⚙ 製作地圖需要安裝Tiled這個軟體,請大家到 [官網](https://www.mapeditor.org) 中下載適合自己電腦作業系統的版本:
-
進入到官網後點擊「Donload on itch.io」跳轉到下載頁面。
-
點選最上方「No thanks, just take me to the downloads」的選項後,即可看到不同作業系統適用的安裝檔。
⚙ 這部分主要說明如何建立一個地圖檔案並儲存。
-
開啟Tiled,建立新地圖 第一次開啟Tiled的時候,可以在左上角看到以下截圖畫面。其中紅框內是比較常用到的功能。 選擇「New Map」,進入到軟體中。
-
設定地圖大小
選擇建立新地圖後會跳出地圖屬性設定視窗,其中「地圖大小」的設定將會直接影響迷宮大小,請先設定寬 41,高40。
將「圖塊大小」的高與寬都調整回64px,並設定好地圖大小之後就可以按下「Save As」
-
儲存檔案
存檔時需要注意存檔類型,預設為
.tmx
,也是Tiled可以直接打開編輯的檔案格式;而自走車使用的是.json
檔。這邊建議兩種檔案都儲存一個,避免後續想要修改之前設計的地圖時無法打開JSON檔案。
-
新增圖塊集
存好檔案之後就會進入到編輯頁面,其中右側是可以自由編輯的工具欄,我們會用到的只有紅色框框的「圖塊」區域,「圖層」與「物件」區域可以視個人需求所小或直接關閉。
-
點選圖塊區域中間的「New Tileset」
-
在點擊「瀏覽」並打開圖片檔。
-
⚙ Tiled的基本編輯方式相當簡單,只需要使用滑鼠選取圖塊集的方塊,再移動到編輯區點擊方格即可。
也可以持續按著滑鼠左鍵拖曳繪製
圖塊集的每個格子都會有相對應的編號,其順序從1開始,由左至右、由上至下。
目前自走車使用到的編號為1~17,對應到的圖塊如圖所示,這17種圖塊的功能分別為:
- 紅色方塊,普通牆面,不會移動
- 黃色方塊,從起始位置向上來回移動的牆面
- 綠色方塊,從起始位置向右來回移動的牆面
- 藍色方塊,從起始位置向下來回移動的牆面
- 紫色方塊,從起始位置向左來回移動的牆面
- 自走車圖示,車子的起始位置
- 終點位置
- 旗子圖示,檢查點位置,用於計算未走出迷宮的玩家中誰走的有效距離較遠
- 路障圖示,邊界點位置,車子若碰觸到則遊戲結束並視為未通關,通常用於有開放牆面的迷宮,以免玩家駛離迷宮區域
- 自走車圖示,車子的起始位置,車頭方向朝上(放置效果與6號相同)
- 自走車圖示,車子的起始位置,車頭方向朝右
- 自走車圖示,車子的起始位置,車頭方向朝下
- 自走車圖示,車子的起始位置,車頭方向朝左
- 14~17號積木為斜向牆壁,靜止不動。
有些積木在轉換為實際迷宮物件的時候會佔據更多的空間,皆是以中心點向外展開。
在自走車遊戲中,地圖的一格牆壁換算迷宮內為5cm*5cm,因此如果想要製作寬度30cm的迷宮,在兩道牆中間需要留下6個空格。
在開啟新地圖時需要設定地圖的寬度和高度,其中寬度與高度皆不能小於25。
需要注意的是,最右側一行的資料在自走車中並不會被讀取到,因此寬度需要多計算一行,並且不能放任何物件(放置等同無效)。
目前遊戲內的迷宮寬度為25cm(5格),如果想要製作n*n格的迷宮,寬度設定為6n+2,高度為6n+1
3.1.8版本之後新增了不同初始方向的自走車,因此也更新了新版圖塊集。但過去有使用過舊版的使用者有可能遇到編號不相容的問題,在此提供解決方法。 2. 避免在同一個檔案下使用兩個圖塊集
- 刪除舊版圖塊集