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

作者:Fanye
2019-02-12
44 28 1

对于游戏关卡设计师来说,在研究某款游戏的关卡时,如果拥有该游戏的关卡设计图那将会极大地帮助我们分析和学习游戏的关卡设计,如关卡模块的排布、安排挑战的节奏、各个房间的连通方式等。

但通常我们没有办法直接获得游戏的关卡设计图,因此需要使用如截图保存、画草图等方式来研究游戏中的关卡,但这些方法的效率比较低,有没有什么方法可以更高效地生成一张关卡设计图呢?经过了几天时间的摸索,我找到了一种可行的方法:利用全景照片拼接技术合成关卡地图。

这个方法的原理是:使用全景照片合成软件,识别图片之间的相似区域,然后将多张游戏关卡截图自动拼接为一张完整的关卡全景图。

所需软件

1. Adobe Photoshop:图片处理软件,作用是从游戏视频中截取关卡图片。

2. Kolor Autopano Giga:全景图片合成软件,作用是将截取出来的图片合成为全景图。

步骤 ①:截图

首先需要准备用于合成的关卡截图,因为用于合成,所以需要注意几点:

  • 截图之间的重合率在1/4以上比较合适,高了会浪费资源,并导致合成图从重叠率过高影响合成效果,低了会影响拼接识别。 
  • 游戏背景、视差滚动效果不宜过于明显,否则将影响识别。
  • 画面尽量保持简介,UI 不宜过多。

截图的方式推荐以下2种

  • 游戏中实机截图:优点是截图质量高,可控性更强;缺点是所需时间比较长。
  • 从游戏视频中自动截图:优缺点刚好和上文相反,推荐使用网上的游戏速通视频,较少干扰和多余操作。

现在展示如何从视频中获得截图。

  1. 打开 Photoshop,点击:文件-导入-视频帧到图层 
  2. 将视频导入图层。导入范围选择”仅限所选范围“,并将“限制为每隔 _ 帧”设为一个合适的参数(隔多少帧截一次图,间隔小将截过多图导致重合图片太多张影响合成,间隔大图片可能无法出现重合部分) 
  3. 将所有图层导出为图片。全选所有图层,右键-导出为-全部导出。
  4. 完成以上步骤,得到所有的关卡截图。

步骤 ②:合成

接下来使用 Autopano Giga 合成全景图,这是一款专业的全景照片缝合软件,选择该软件的原因是它的合成识别技术和效率远高于 Photoshop。

  1. 选取图像,将刚才导出的截图导入进 Giga。
  2. 根据偏好进行检测设置(可选)。通常来说,Number of conrtrol points 是影响识别的关键设置,这个属性是设置每张图片的控制点,控制点越多,识别越精确,但所需时间也越长,反之亦然。
  3.  检测。开始识别各图片之间的连接性,并初步合成全景图。(需要注意的是,软件识别图片不是顺序识别,而是将所有图片放在一起识别。比如有200张图片,它可能会误将图1和图100连接在一起,因此如果识别有误,可以将这200张图片分成4组每组50张图片分别识别,最后再将4张图拼成最后的大图。)检测完成后,我们得到了一张初步的全景图,双击图片进入修整窗口。
  4. 修整。通常初步合成的图片会具有瑕疵,比如图像扭曲、颜色混乱等,这时就需要进行修整,常用的功能已在下图标出,这里就不展开介绍了。
  5. 渲染。最后一步是渲染全景图,点击齿轮图标进行渲染,软件会进行消重影等一系列步骤,最后就能得到一张完整的关卡全景合成图。

最终效果展示

Braid(World3-6):


Super Meat Boy(CH1-Boss):


Gris:

本文为用户投稿,不代表 indienova 观点。

近期点赞的会员

 分享这篇文章

Fanye 

游戏设计师 

您可能还会对这些文章感兴趣

参与此文章的讨论

  1. 黑小兔 2019-04-30

    很赞,之前一直手动拼费时费力

您需要登录或者注册后才能发表评论

登录/注册