飞溅图块:如何轻松创建游戏图块

图片

我是游戏工作室中唯一的艺术家,这意味着我必须处理动画,UI,广告材料,社交网络资源,角色,对象环境。 至少需要一些艺术的一切都落在我肩上。 我经常感到自己的全部负担,所以我想知道:

有可能以某种方式加速这一切吗?


在本文中,我将讨论我们如何为Levelhead和Crashlands等游戏开发2D环境图块,并展示一种技术,该技术可以节省一些时间并提高图形环境资源的多功能性。 这种方法还简化了相互融合的有机外观地形类型的创建。 我不建议在创建环境磁贴集时使用此方法,但是对于任何艺术家来说,它将成为一组工具的很好补充。

此方法称为SPLATTER TILE!


传统平铺的问题


我一直在寻找更快,更灵活的工作方式。 我使用传统的切片方法,例如9切片和切片卡,经常发现结果过于苛刻。 我们得到了一个网格,它依附在周围,以至于我什么都不能改变。

在研究了此类瓷砖环境的创建之后,我发现创建更生动活泼的有机瓷砖集的最佳方法不是更改技术,而是增加绘制的瓷砖数量。 我迅速从简单的9切片切换为越来越多的图素集,这些图素集传达了地形的所有折弯。 要查看一个示例来了解创建活泼和灵活性所需的瓷砖,请查看craftpix.net的以下示例:


现在,创建关卡时,设计人员可以从57个单独的图块中进行选择。 从创建图形的角度来看,如果删除所有重复项和镜像图块,则将获得约17个唯一图块。

以这种风格工作后,我发现我需要对其中一个图块进行更改,并且因为必须更改所有这17个图块而开始掉头发。 这让我思考

如何创建在世界上看起来自然而又不像网格的图块? 并且,如果没有将所有变体切成块的将这些图块转换为无缝的单调过程,有没有办法做到这一点?

原来,这两个问题是相关的。 简而言之,要创建非常有机的图块集,您需要绘制大量传统的图块资源, 或者完全改变技术。

该技术的基础是图块的实际边框和图形本身之间的差异,这就是“飞溅图块”的基础。 让我们从内部看一下。

解剖飞溅瓷砖



  • 平铺空间(TILE)。 这是计算机使用的实际网格空间。 如果您创建在这些边界处停止的图块,则艺术家将获得具有清晰可见格结构的传统资源。
  • 有机地带(有机溢出)! 这就是魔术发生的地方。 我们将图块扩展到该空间中,以创建类似于我们要表示的图块的形式-如果它是一块石头,我们将使其沿边缘“呈块状”。 土地崎y不平,杂草丛生,边缘锐利,等等。 (下面我们将考虑所有这一切)。
  • 边界线(BOUNDARY LINE)! 从艺术家的角度来看,这是图块的边框。 如果您越过这条线,则渲染相邻的tile时 ,将绘制当前tile的一部分 ,该外观看起来很丑。 整个图块必须在里面。

简短的例子




您可能会注意到,飞溅的瓷砖可以使您非常快速而又轻松地获得有机混乱的感觉。 尽管对环境的沉默仍然很明显,但由于人物的模糊性质而将它们合并在一起使它更加生动活泼。

更详细的例子


如果您又向前迈进了一步,那么像传统的图块集一样,可以使用一组图块图块来创建各种有机形式,这些形式甚至不像网格。 在我们最新的Levelhead游戏中(仍在Steam上进行抢先体验) ,我们为每个生物群系和玩家可以使用的每个美学图块使用一组飞溅图块。 例如,以下是丛林的飞溅瓷砖:


它们在游戏中的外观如下:


这是小行星蘑菇生物群系及其相应的飞溅块:



这是来自我们的Crashlands开放世界RPG的示例:


高效创建飞溅图块的提示


  • 创建瓷砖的基本形状 。 这样您才能摆脱“网眼”的感觉。
  • 使用瓷砖边框附近的所有颜色 。 边界不同点处的阴影应该高低,以便当边界连接到另一个飞溅图块时,它们可以在各个点处无缝混合。
  • 测试一下! 了解如何快速注意到在适当情况下所做的更改。 您可以使用克隆,热重启或某种模板系统-无论使用哪种方法,此阶段在处理环境时始终是最重要的。
  • 预先选择颜色。 飞溅的瓷砖会相互重叠,因此您需要确保颜色和谐地融合在一起,并且不会刺激眼睛。
  • 设置瓷砖的深度。 例如,地球总是在草丛下。 他们之间有一块石头。 这使您可以创建有趣的图案,其中不同的图块彼此重叠。

飞溅贴砖通常最适合顶视图游戏,因为玩家的生死并不取决于贴砖的确切边缘。 但是,如果您对它们感到满意,则可以使它们适应各种不同的流派,包括诸如Levelhead之类的活跃平台游戏!

“但是山姆! 你不是一定要画一堆瓷砖吗?”


……地狱!

在这里,我们再次面临着残酷的现实:创建有趣且动态的2D环境需要大量的图形。 我提出的技术只是让您更快地获得有机的感觉,因此与传统瓷砖的开发一起值得探索。

Source: https://habr.com/ru/post/zh-CN470099/


All Articles