教程|如何從 2D 遊戲中生成關卡全景地圖

教程|如何从 2D 游戏中生成关卡全景地图

來indienova官網,挖掘獨立遊戲的更多樂趣

教程|如何从 2D 游戏中生成关卡全景地图
教程|如何从 2D 游戏中生成关卡全景地图

引言

對於遊戲關卡設計師來說,在研究某款遊戲的關卡時,如果擁有該遊戲的關卡設計圖那將會極大地幫助我們分析和學習遊戲的關卡設計,如關卡模塊的排布、安排挑戰的節奏、各個房間的連通方式等。

但通常我們沒有辦法直接獲得遊戲的關卡設計圖,因此需要使用如截圖保存、畫草圖等方式來研究遊戲中的關卡,但這些方法的效率比較低,有沒有什麼方法可以更高效地生成一張關卡設計圖呢?經過了幾天時間的摸索,我找到了一種可行的方法:

利用全景照片拼接技術合成關卡地圖。

這個方法的原理是:使用全景照片合成軟件,識別圖片之間的相似區域,然後將多張遊戲關卡截圖自動拼接為一張完整的關卡全景圖。

教程|如何从 2D 游戏中生成关卡全景地图

所需軟件

1. Adobe Photoshop:圖片處理軟件,作用是從遊戲視頻中截取關卡圖片。

2. Kolor Autopano Giga:全景圖片合成軟件,作用是將截取出來的圖片合成為全景圖。

教程|如何从 2D 游戏中生成关卡全景地图

步驟 ①:截圖

首先需要準備用於合成的關卡截圖,因為用於合成,所以需要注意幾點:

  • 截圖之間的重合率在1/4以上比較合適,高了會浪費資源,並導致合成圖從重疊率過高影響合成效果,低了會影響拼接識別。

  • 遊戲背景、視差滾動效果不宜過於明顯,否則將影響識別。

  • 畫面儘量保持簡介,UI 不宜過多。

截圖的方式推薦以下2種:

  • 遊戲中實機截圖:優點是截圖質量高,可控性更強;缺點是所需時間比較長。

  • 從遊戲視頻中自動截圖:優缺點剛好和上文相反,推薦使用網上的遊戲速通視頻,較少干擾和多餘操作。

現在展示如何從視頻中獲得截圖。

1、打開 Photoshop,點擊:文件-導入-視頻幀到圖層

教程|如何从 2D 游戏中生成关卡全景地图

2、將視頻導入圖層。導入範圍選擇”僅限所選範圍“,並將“限制為每隔 _ 幀”設為一個合適的參數(隔多少幀截一次圖,間隔小將截過多圖導致重合圖片太多張影響合成,間隔大圖片可能無法出現重合部分)

教程|如何从 2D 游戏中生成关卡全景地图

3、將所有圖層導出為圖片。全選所有圖層,右鍵-導出為-全部導出。

教程|如何从 2D 游戏中生成关卡全景地图教程|如何从 2D 游戏中生成关卡全景地图

4、完成以上步驟,得到所有的關卡截圖。

教程|如何从 2D 游戏中生成关卡全景地图

步驟 ②:合成

接下來使用 Autopano Giga 合成全景圖,這是一款專業的全景照片縫合軟件,選擇該軟件的原因是它的合成識別技術和效率遠高於 Photoshop。

1、選取圖像,將剛才導出的截圖導入進 Giga。

教程|如何从 2D 游戏中生成关卡全景地图

2、根據偏好進行檢測設置(可選)。

教程|如何从 2D 游戏中生成关卡全景地图

通常來說,Number of conrtrol points 是影響識別的關鍵設置,這個屬性是設置每張圖片的控制點,控制點越多,識別越精確,但所需時間也越長,反之亦然。

教程|如何从 2D 游戏中生成关卡全景地图

3、檢測。開始識別各圖片之間的連接性,並初步合成全景圖。(需要注意的是,軟件識別圖片不是順序識別,而是將所有圖片放在一起識別。比如有200張圖片,它可能會誤將圖1和圖100連接在一起,因此如果識別有誤,可以將這200張圖片分成4組每組50張圖片分別識別,最後再將4張圖拼成最後的大圖。)

教程|如何从 2D 游戏中生成关卡全景地图

檢測完成後,我們得到了一張初步的全景圖,雙擊圖片進入修整窗口。

教程|如何从 2D 游戏中生成关卡全景地图

4、修整。通常初步合成的圖片會具有瑕疵,比如圖像扭曲、顏色混亂等,這時就需要進行修整,常用的功能已在下圖標出,這裡就不展開介紹了。

教程|如何从 2D 游戏中生成关卡全景地图

5、渲染。最後一步是渲染全景圖,點擊齒輪圖標進行渲染,軟件會進行消重影等一系列步驟,最後就能得到一張完整的關卡全景合成圖。

教程|如何从 2D 游戏中生成关卡全景地图

最終效果展示

Braid(World3-6):

教程|如何从 2D 游戏中生成关卡全景地图

Super Meat Boy(CH1-Boss):

教程|如何从 2D 游戏中生成关卡全景地图

Gris:

教程|如何从 2D 游戏中生成关卡全景地图教程|如何从 2D 游戏中生成关卡全景地图


分享到:


相關文章: