UE4动态绘制网格皮肤

网格绘画是玩家在游戏中的物体上绘画的能力。网格绘画的例子有Super Mario Sunshine中的 goop、 Portal 2中的凝胶和Splatoon中的墨水。它可以用作游戏元素，也可以纯粹用于视觉效果。无论哪种方式，网格绘画都为游戏设计师和艺术家开辟了许多可能性。

尽管前面的示例都是几乎相同的效果，但你也可以使用网格绘画来制作许多其他效果。例如，可以使用它来喷涂物体、渲染角色的伤口，甚至让玩家绘制自己角色的脸！

在本教程中，我们将学习如何在骨架网格物体上绘画，主要步骤包括：

将网格展开为其 UV 形式
使用线跟踪中的命中位置对网格进行球面遮罩
使用场景捕获将展开的网格和球体蒙版渲染到渲染目标
使用蒙版在角色材质中的纹理之间进行混合

请注意，这不是关于顶点绘制的教程。顶点绘制取决于网格分辨率，不能在游戏运行时更改。另一方面，本教程中的方法独立于网格分辨率工作，也可以在游戏运行时工作。

1、准备

首先下载本教程的材料（可以在教程底部找到链接）。解压缩并导航到MeshPainterStarter并打开MeshPainter.uproject。如果按Play按钮，将看到要在其上绘画的角色。

就像雪地和草地痕迹教程一样，我们实现网格绘画也需要场景捕捉。为了节省时间，我已经创建了场景捕捉蓝图。如果想了解更多关于捕捉设置的信息，请查看创建雪痕的教程。

首先，让我们看看如何在网格上绘画。

2、网格绘画

在大多数情况下，我们使用的网格都是已经 UV 映射的。因此，显而易见的事情是使用渲染目标（Render Target）创建一个遮罩，然后将其应用于网格。但是，直接在渲染目标上生成遮罩（使用 Draw Material to Render Target）通常会导致 UV 壳之间的不连续性。

这是一个立方体的 UV 贴图和球体蒙版纹理的示例：

这是应用于立方体的蒙版：

如上图所见，2D 球体蒙版不会环绕角落，因为它没有考虑几何形状。要生成正确的遮罩，球体遮罩需要对网格的世界位置进行采样。但是在使用 Draw Material to Render Target 节点时如何访问世界位置呢？

如果你在研究网格绘画的方法，可能已经看过 Ryan Bruck 的关于使用渲染目标实现角色毁损的视频（本教程基于其方法）。在视频中，他成功生成了 3D 球体蒙版，并将其累积到渲染目标中。Ryan之所以能够做到这一点，是因为他创建了一个渲染目标来存储网格的世界位置，然后他可以使用球体蒙版对其进行采样。让我们仔细看看。

3、Ryan的世界位置采样方法

Ryan的方法有四个步骤。第一步是“展开”有问题的网格。这只是简单地移动所有顶点，以便获得 UV 形式的网格。例如，这里是角色的 UV：

这是在虚幻中展开后的角色：

可以通过应用一些简单的世界位置偏移数学来展开网格（稍后将看到）。

展开后，第二步是将网格的世界位置编码为渲染目标。为此，可以将展开材质的颜色设置为绝对世界位置，然后使用场景捕捉来捕捉展开。这是渲染目标的样子：

注意：渲染目标会改变颜色，因为角色是运动的。这导致世界位置不断变化。

第三步是创建球体蒙版。现在可以访问网格的世界位置，因此可以在球体蒙版中对其进行采样。然后，可以将球体蒙版直接绘制到第二个渲染目标。

最后一步是使用角色材质中的蒙版在颜色、纹理或材质之间进行混合。以下是可视化的步骤三和四：

现在，让我们看看建议的方法。

4、我们建议的方法

虽然 Ryan 的方法有效，但它需要：

需要两个渲染目标进行绘制。首先是捕获展开的网格，然后是汇总球体蒙版。一个渲染目标用于存储世界位置
另一个渲染目标用于累积球体蒙版，我们需要为每个要在其上绘制的actor 设置一个单独的渲染目标。
本教程中的方法避免了第二次绘制及世界位置渲染目标。方法通过将展开和球形遮罩组合成一种材料（展开材料）来实现此目的。然后，使用加法合成模式捕获展开以累积球体蒙版。

需要注意的一点是，当网格没有重叠 UV 时，这两种方法都最有效。重叠的 UV 将导致共享相同 UV 空间的像素也共享相同的蒙版信息。例如，将双手 UV 映射到同一空间。如果一只手进行了蒙版处理，另一只手也一样。

现在让我们从创建展开材料开始。