在LibGDX中将形状绘制为纹理

Question

我正在创建菜单在我的游戏，特别是矩形圆角和边框。我可以用一个形状渲染器来完成这个任务，但是我不能混合形状渲染器和精灵批处理器。目前，我的分辨率似乎是使用大形状的PNG和缩放它们，但在许多设备上，这会产生模糊的角落。

我阅读了关于网格、着色器的教程，在精灵批次之后使用形状渲染器(复杂层和性能影响)，9补丁(边框变模糊，不能正确地进行渐变)。

在android中，它非常简单，我们只是用XML定义了形状，它创建了一个很好的、清晰的形状示例:带边框和渐变的圆角矩形。

有人也能给我一些建议吗?我将如何创建一个带有渐变的圆形直角，最好是一些易于使用的实现，可以在可重用的类中使用。

Answer 1

您可以将形状绘制到PixMaps，然后从它们创建TextureRegions，以便使用SpriteBatch进行呈现。

工具集有点基础，但是您可以从另一个PixMap绘制点、线、三角形、圆圈、矩形、填充或绘制区域。

通过为每个角绘制两个重叠的矩形和一个圆，您可以绘制一个圆形矩形。

PixMap myPixMap = new PixMap(desiredWidth, desiredHeight, pixmapFormat);
myPixMap.setColor(myColor);
myPixMap.fillRectangle(x, y, width, height);

TextureRegion myTextureRegion = new TextureRegion(new Texture(myPixMap));

Answer 2

你应该看看9个补丁。您的应用程序应该是非常严格的，同样的9个补丁是为。所以你必须制作一个由9个区域组成的图形，这些区域可以分开。

在您的示例中：4区域表示4个角，4区域表示rect的边缘，1中心区域。记住，根据矩形的大小，边缘区域和中心区域将被拉伸，这就是为什么不应该使用重复的模式。但是水平或垂直梯度应该工作得很好。

您只可以在spriteBatch中使用它们。不应该有模糊的线条，只要圆角的图形将在一个决议是足够好。

下面是libgdx 9修补程序的链接：https://github.com/libgdx/libgdx/wiki/Ninepatches

下面的图片显示了九页图片的基本工作原理：http://radleymarx.com/blog/wp-content/uploads/2011/05/scalable-area.png