如何创建倾斜的(高度)等距图块


11

这也许最好用图形解释。我正在尝试创建一个2.5D等距游戏。我的目标是使游戏看起来像我的目标:

等距景观

我不是图形艺术家,因此在创建“倾斜”图块以模拟不同高度的地形时遇到了一些麻烦。使用以下步骤很容易创建基本的等距图块:

  1. 创建图块的64x64正方形版本
  2. 旋转45度
  3. 将高度缩小2倍

创建“倾斜”图块更具挑战性。我可以使用Photoshop,但距离使用它还不是专家。这是我当前的问题:

在此处输入图片说明

我不确定如何操作顶点,否则会很容易,但是基本上,要从基本等距图块中获得“倾斜”图块,我要做的就是将底部和右侧顶点向下移动16个像素,同时固定其他两个顶点。这将生成我想要的图块。

有什么简单的方法可以做到这一点。Photoshop是正确的工具吗?有什么建议么?


您当前的版本使用什么图形系统使用DirectX,openGL或引擎专有的?基本答案是存储顶点,然后根据需要修改顶点(您可以将其作为8个向量的数组来完成),但是将它们传递到屏幕的方式通常是使用诸如DirectX,openGL之类的图形实用程序/库
gardian06 2012年

我正在使用SFML将精灵显示到屏幕上,因此将是openGL。我将精灵作为64x64磁贴存储在磁盘上。
Filip Jeremic

@FilipJeremic,Hmm ..这是一个小动物游戏吗?
Pacerier's

Answers:


3

如果需要,可以使用Photoshop或其他方法创建图块。我会推荐矢量绘图程序,而不是像素绘图程序(我对Photoshop等的了解不多,要知道它现在提供了什么)。

就个人而言,我建议您不要费心创建图块,而是让游戏使用您的绘图API实际绘制它们,这样会容易得多(特别是如果您意识到需要多少个不同的倾斜图块)。


不知道我同意与具有游戏渲染瓷砖为你,除非你的引擎/框架将让你轻松做到这一点(二维)
约翰·麦克唐纳

3

保持正方形64x64图像为源,要获得倾斜的版本,您首先需要在右侧倾斜图像(以匹配图像示例),然后旋转45度并按比例缩小高度。结果将是您要查找的斜率(有些偏斜和反复试验)。

看到除了创建初始正方形以外的所有步骤(更改阴影,偏斜,旋转,缩放)非常简单,您可能希望在游戏启动时或在构建的自动化步骤中使用openGL进行这些步骤流程(简单地制作一个可以完成所需的所有偏斜/旋转的小程序,并将其添加到构建脚本中)。

如果要继续手动制作每个倾斜的图块,则可能会使用矢量图形。Photoshop支持矢量图层,因此您无需学习新程序即可尝试。


为什么使用Photoshop代替Fireworks等?
Pacerier's

@Pacerier我不知道,最初的问题提到了photoshop。我最近在Paint.net之前开始使用Krita(我仍然使用它来加快工作速度)。
Daniel Carlsson
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.