虚幻引擎 Gerstner Waves -GPU Gems 从物理模型中实现有效的水体模拟

UTwelve

已于 2024-07-10 15:12:52 修改

阅读量1.2k

点赞数 11

分类专栏：虚幻面向蓝图编程虚幻美术文章标签：虚幻游戏引擎 ue5 虚幻4 ue4 蓝图

于 2024-06-20 18:11:36 首次发布

本文链接：https://blog.csdn.net/Utwelve/article/details/139831263

版权

虚幻面向蓝图编程同时被 2 个专栏收录

8 篇文章 1 订阅

订阅专栏

虚幻美术

5 篇文章 0 订阅

订阅专栏

在这里插入图片描述

这篇文章重点在于结合GPU Gems一书中有关Gerstner Waves 的数学公式，在虚幻引擎中复现正确的Gerstner Waves和正确的法线

文中内容整理自书中，并附带我的理解，与在虚幻引擎中的实现，可以参考原文看这篇文章，原文网上很多，我这里就不转载了

内容看上去有些乱？
与虚幻无关的内容，以普通文本的形式体现，需要强调的、与虚幻有关的，我将紧挨着内容以引用块的形式附上（就像这段话）
这是因为我希望读者能随着我一起看看这本书，书讲到哪，咱们做到哪

书中还介绍了几种波，我假设你们做了课前预习，本文直接开始G波

1.2.1选择波形

我们需要一组参数来定义每个波形。这些参数包括：

Wavelength _波长（ $L$ ）
- 世界空间中波峰到波峰之间的距离。
- 波长 $L$ 与角频率 $w$ 之间的关系为 $\frac{2\pi}{L}$ 。

这里将会出现第一个坑，如果你看的是英伟达的来源，他们在公式中弄丢了这个π，这篇文章中的公式将使用原书公式

Amplitude _振幅（ $A$ ）
- 从水平面到波峰的高度。
Speed _速度（ $S$ ）
- 波峰每秒前进的距离。将速度表示为相位常数 $\varphi$ 更为方便。
- $\varphi = S \times\frac{2\pi}{L}$
Direction _方向（ $D$ ）
- 垂直于波阵面的水平向量，波峰沿着波阵面运动。

为了在场景的动态中提供变化，我们将在一定的约束条件下随机生成这些波浪参数。随着时间的推移，我们将持续地将一个波浪渐隐，然后再以一组不同的参数将其渐显。
事实证明，这些参数是相互依赖的。必须仔细的为每个波浪生成一整套参数，这些参数需要以一种令人信服的方式组合在一起。

MF_GerstnerWaves

新建一个 MF_GerstnerWaves函数，我们先把上方出现的变量在input预留:

以防有疑问，最后一个Node是“重路由” ，它是用来避免蓝图变意大利面的东西，无功能上的意义

1.2.2 法线和切线

因为表面是显式函数，所以我们可以直接计算任何点的表面方向，而不需要依赖有限差分技术。
副法线向量 $B$ 和切线向量 $T$ 是分别 $x$ 和 $y$ 方向的偏导数。对于2D水平面中的任何点 ( $x$ , $y$ )，表面上的三维位置 $P$ 是：

Equation 6a _公式6a

$\mathbf{N}(x,y)=\mathbf{B}(x,y)\times\mathbf{T}(x,y)$

这个公式体现N与B、T的关系。但我们先跳过这个，最后再来处理法线，这将规避经典的法线混合问题

格斯特纳波^{GerstnerWaves}

为了有效的模拟，我们需要控制波浪的陡峭程度。如前所述，正弦波呈现出圆润的外观——这可能正是我们想要的平静、田园诗般的池塘效果。但对于粗犷的海面，我们需要形成更尖锐的波峰和更宽阔的波谷。我们可以使用公式8a和8b来实现所需的形状，但我们选择了相关的格斯特纳波。
GerstnerWaves早在有计算机图形学之前就被开发出来，用于在物理基础上模拟海水。因此GerstnerWaves提供了一些表面的微妙运动，这些变化不明显但是非常可信。（详细描述参见Tessendorf 2001）。
我们选择GerstnerWaves，因为它们有一个常被忽视的特性：将，这正是我们希望顶点集中的地方，如图1-5所示。

GerstnerWaves

图1-5 GerstnerWaves

这是GerstnerWaves函数：

Equation 9 _公式9

$\mathbf{P}\left(x, y, t\right) = \left(\begin{array}{l} \begin{alignedat}{3} &x&+&\sum \left(Q_{i}A_{i} \times \mathbf{D}_{i}.x \times \cos\left(w_{i}\mathbf{D}_{i} \cdot (x, y) + \varphi_{i}t\right)\right),\\ &y&+& \sum \left(Q_{i}A_{i} \times \mathbf{D}_{i}.y \times \cos\left(w_{i}\mathbf{D}_{i} \cdot (x, y) + \varphi_{i}t\right)\right),\\ & & &\sum \left(A_{i} \sin\left(w_{i}\mathbf{D}_{i} \cdot (x, y) + \varphi_{i}t\right)\right) \end{alignedat} \end{array}\right)$

∑为求和，∑( )也就是所有波加在一起，然后再在xy通道分别加x和y。
这里我们想要先实现一个波，也就是∑( )的内容，那么公式可以写为：
Px = Q×A×Dx×cos(w×D·(x,y) + φ×t);
Py = Q×A×Dy×cos(w×D·(x,y) + φ×t);
Pz =      A       ×sin(w×D·(x,y) + φ×t);
能看到我们想实现这个公式还需要两个变量， $x y$ 和 $t$ ，他们分别是：

公式中的 $Q_i$ 是一个控制波浪陡峭程度的参数。
对于单个波浪 $i$ ， $Q_i=0$ 产生常见的滚动正弦波，而 $Q_i = \frac{1}{w_i A_i}$ 产生尖锐的波峰。应避免使用较大的 $Q_i$ 值，因为它们会在波峰上方形成"环\卷"。
实际上，我们可以将 $Q$ 作为“陡峭程度”参数留给制作艺术家来指定，允许范围是 $0$ 到 $1$ ，并使用 $Q_i = \frac{Q}{w_i A_i \times \text{numWaves}}$ 来变化，从完全平滑的波浪到我们能产生的最尖锐的波浪。

Q的计算为：

其中 $n u mWa v es$ 为波的总数，例如水面由3个GerstnerWaves组合，这里就是3
Steepness变量就是文中说的"陡峭程度"参数

可以看到公式里的( $w \times D \cdot (x, y) + φ \times t$ )是重复的,我们先把他的SinCos算出来
(这不会影响着色器复杂度，只会让我的截图好看，避免意大利面)
注意这里的 $s in$ 和 $cos$ 的周期为 $2 p i$

现在我们可以计算公式了

这就是顶点位移的结果，接下来我们计算法线

值得注意的是，公式3和公式9之间唯一的区别是顶点的横向移动。他们的高度是相同的。这意味着我们不再有一个严格的高度函数。即， $\mathbf{P}(x,y,t).x \neq x$ 。然而，该函数仍然容易求导，并且有一些项可以方便的消去。

其中:
$WA=w_{i}\times A_{i},$
$S()=\sin\left(w_{i}\times\mathbf{D}_{i}\cdot\mathbf{P}+\varphi_{i}t\right)$
$C()=\cos\bigl(w_{i}\times\mathbf{D}_{i}\cdot\mathbf{P}+\varphi_{i}t\bigr)$

又一个万人坑，这里的 $P$ 实际上指的是 ( $x$ ， $y$ )

$S ()$ 和 $C ()$ 我在蓝图里写成了 $S in ()$ 和 $C os ()$

求导后得到切线空间的基础向量是：

Equation 10 _公式10

$\mathbf{B} = \begin{pmatrix} \begin{alignedat}{3} &1&-&\sum\left(Q_i \times \mathbf{D}_i.x^2 \times WA \times S()\right),\\ & &-&\sum\left(Q_i \times \mathbf{D}_i.x \times \mathbf{D}_i.y \times WA \times S()\right),\\ & & &\sum\left(\mathbf{D}_i.x \times WA \times C()\right) \end{alignedat} \end{pmatrix}$

Binormal计算可以写公式为：(注意这里仍然先实现一个波，因此计算公式的∑的内容)
Bx = Q×D.x^2        ×WA×sin();
By = Q×D.x    ×D.y×WA×sin();
Bz =       Dx             ×WA×cos();

Equation 11 _公式11

$\mathbf{T}= \begin{pmatrix} \begin{alignedat}{3} & &-&\sum\bigl(Q_{i}\times\mathbf{D}_{i}.x\times\mathbf{D}_{i}.y\times WA\times S()\bigr),\\ &1&-&\sum\bigl(Q_{i}\times\mathbf{D}_{i}.y^{2}\times WA\times S()\bigr),\\ & & &\sum\bigl(\mathbf{D}_{i}.y\times WA\times C()\bigr) \end{alignedat} \end{pmatrix}$

Tangent:

Tx = Q×D.x×D.y×WA×sin();
Ty = Q×D.y^2     ×WA×sin();
Tz =      Dy          ×WA×cos();

在这里插入图片描述

Equation 12 _公式12

$\mathbf{N}=\begin{pmatrix} \begin{aligned} &{}- \sum\bigl(\mathbf{D}_i.x\times WA\times C()\bigr),\\ &{}- \sum\bigl(\mathbf{D}_i.y\times WA\times C()\bigr),\\ 1 &{}- \sum\bigl(Q_i\times WA\times S()\bigr) \end{aligned} \end{pmatrix}$

这是求单个波法线的公式，但我们做多个波则不应直接使用它。
因为当你在最后试图混合波的法线时，无论你选择何种法线混合算法,其结果总是错的。
我们应该累加波的 $B in or ma l$ ， $T an g e n t$ ，在最后通过叉积求解 $N or ma l$ (见公式6a) ，这将避免直接对法线进行混合，进而计算数学意义上正确的法线

我们先做两个波，以演示如何混合：

我们新建一个 $\sum$ 函数，MF_GerstnerWave_∑
这里先把所有波的 $P os i t i o n$ ， $B in or ma l$ ， $T an g e n t$ 求和（对应公式9、10、11中的 $\sum$ ）
将结果输入函数，稍后再看MF_GerstnerWave_∑ 内容

MF_GerstnerWave_∑

Position

公式9中，P需要为∑P的xy通道分别增加x，y：
$\mathbf{P}\left(x, y, t\right) = \left(\begin{array}{l} \begin{alignedat}{3} &x&+&\sum \left(Q_{i}A_{i} \times \mathbf{D}_{i}.x \times \cos\left(w_{i}\mathbf{D}_{i} \cdot (x, y) + \varphi_{i}t\right)\right),\\ &y&+& \sum \left(Q_{i}A_{i} \times \mathbf{D}_{i}.y \times \cos\left(w_{i}\mathbf{D}_{i} \cdot (x, y) + \varphi_{i}t\right)\right),\\ & & &\sum \left(A_{i} \sin\left(w_{i}\mathbf{D}_{i} \cdot (x, y) + \varphi_{i}t\right)\right)\\ &\blacktriangle& &\\ &\mathbf{这里} \end{alignedat} \end{array}\right)$

但由于虚幻中顶点空间为0，所以并不需要做这个偏移，直接使用相加后的Position
// Position.xy = ∑P.xy+(x,y);
Position.xyz = ∑P.xyz;
Binormal

根据公式10:

$\mathbf{B} = \begin{pmatrix} \begin{alignedat}{3} &1&-&\sum\left(Q_i \times \mathbf{D}_i.x^2 \times WA \times S()\right),\\ &\phantom0&-&\sum\left(Q_i \times \mathbf{D}_i.x \times \mathbf{D}_i.y \times WA \times S()\right),\\ & & &\sum\left(\mathbf{D}_i.x \times WA \times C()\right)\\ &\blacktriangle& &\\ &\mathbf{这里} \end{alignedat} \end{pmatrix}$
Binormal.x = 1-∑B.x;
Binormal.y = 0-∑B.y;
Binormal.z =     ∑B.z;
Tangent

根据公式11：

$\mathbf{T}= \begin{pmatrix} \begin{alignedat}{3} &\phantom0&-&\sum\bigl(Q_{i}\times\mathbf{D}_{i}.x\times\mathbf{D}_{i}.y\times WA\times S()\bigr),\\ &1&-&\sum\bigl(Q_{i}\times\mathbf{D}_{i}.y^{2}\times WA\times S()\bigr),\\ & & &\sum\bigl(\mathbf{D}_{i}.y\times WA\times C()\bigr)\\ &\blacktriangle& &\\ &\mathbf{这里} \end{alignedat} \end{pmatrix}$
Tangent.x = 0-∑T.x;
Tangent.y = 1-∑T.y;
Tangent.z =     ∑T.z;
Normal

根据公式6a：
$\mathbf{N}(x,y)=\mathbf{B}(x,y)\times\mathbf{T}(x,y)$
$\mathbf{N}=\mathbf{B}\times\mathbf{T}$
Normal = Cross(Binormal,Tangent);
结合上面的计算，∑函数MF_GerstnerWave_∑ 内容为：

对结果验证

我们先做一个使用DDXDDY实现的差分几何法线：
这种方法利用了屏幕空间相邻像素的差分来重建表面法线，它受限于模型顶点精度,看上去像LowPoly，不能直接用作法线。
但是它一个很好的参考，让我们知道正确的法线看上去应该是什么样子

下图中，左侧为差分几何法线，右侧为我们的计算结果，可以看到其结果相一致，我们得到了准确的法线

当我们完成了这些，能注意到，Gerstner Waves函数有一些参数是可以通过物理计算求出.
接下来演示使用真实的物理常数，对算法做一些优化，去掉一些手工的变量，

这些公式不像4b、5b和6b方程那样简洁明了，但它们计算起来非常高效。

在形成波峰环的背景下，仔细观察法线的 $z$ 分量证明了这一点非常有趣。虽然 Tessendorf (2001) 从流体动力学的纳维-斯托克斯¹描述和“李变换技术²”中推导出他的“切碎效应³”，最终结果是在频率域中表达的格斯特纳波的一个变体。
在频率域中，可以避免并检测到波顶的环形，但在空间域中，我们可以清楚地看到正在发生的事情。
当 $Q_i \times w_i \times A_i$ 的和大于 $1$ 时，我们法线的 $z$ 分量在峰值处可能变为负值，因为我们的波浪会在自身上方形成环。
只要我们选择的 $Q_i$ 使得这个和始终小于或等于 $1$ ，我们将形成尖锐的峰值但永远不会形成环。

1.2.4参数解释

波长和速度 ^Wavelength ^Speed

我们首先选择合适的波长。与其追求现实世界的分布，不如最大化我们能承担的少数波浪的效果。
相似长度的波浪的叠加突出了水面的动态性。
因此，我们选择一个中值波长，并在该长度的一半到两倍之间生成随机波长。中值波长在创作过程中被编写，它可以随时间变化。
例如，在暴风雨期间，波浪可能比晴朗平静时显著更大。
注意，我们不能改变正在活动的波的波长。即便是逐渐改变，波浪的波峰也会向原点扩展或收缩，这看起来非常不自然。
因此，我们改变当前的平均波长，随着时间的推移，当波浪淡出以后，它们将基于新的长度重新生成。方向也是如此。

根据波长，我们可以轻松计算它在表面上的传播速度。Tessendorf 2001中给出忽略高次项的传播关系：

Equation 13 _公式13

$w=\sqrt{g\times{\frac{2\pi}{L}}}$
其中 $w$ 是角频率， $g$ 是标准下的（例如980cm/s）重力常数， $L$ 是波峰到波峰的长度。

海面由多个波组成，每个波的参数越少，越易于我们控制
目前为止，每个波的 $Speed_i$ 都是独立的参数，10个波就需要手工指定10个 $Speed_i$
但根据公式13，我们已经有了求解 $Speed_i$ 的条件
如果我们引入统一的全局变量 $Win d s p ee d$ ^风速， $G r a v i t y$ ^重力 980cm/s
就可以求解 $Speed_i$ ：

我们先将 $Sp ee d$ 输入重命名为 $Win d Sp ee d$ ,并按照公式13带入 $G r a v i t y$ ^重力
$\text{Speed} = \text{WindSpeed} \times \sqrt{\text{Gravity} \times w_i}$
Speed = WindSpeed * Sqrt(Gravity*w);
现在，我们的波浪可以由全局统一变量的风向 ^Direction 和风速 ^WindSpeed ，为每个波自动计算速度^Speed了

振幅 ^Amplitude

如何处理振幅是一个见仁见智的问题。
虽然振幅可以看做波长和当前天气条件的函数来求得振幅导数，但我们还是要使用在编写时指定的常数（或脚本化的）比率。
更准确地说，与中值波长一起，艺术家指定了一个中值振幅。
对于任何大小的波浪，其振幅与波长的比率将匹配中值振幅与中值波长的比率。

方向 ^Direction

波浪行进的方向与其他参数完全独立，因此我们可以根据自己选择的任何标准为每个波浪选择一个方向。
如前所述，我们从大致是风向的恒定向量开始。然后我们从风向的恒定角度内随机选择方向。
这个恒定角度在内容创建时被指定，或者可能被脚本化。

优化数据结构

是时候整理 MF_GerstnerWaves 函数的变量了，我们先把Time也开放出来

现在函数本身已经变为4个全局变量^红色，4个独立变量^黄色

四个独立变量，也就是说，我们差一点就可以用一个Vector4就可以描述一个波了
但Direction是双通道，这4个变量实际是5数值，

5个值最少需要两个变量

MF_AngleToVector2

制作Shader，我们常说要用空间换时间，现在我们要反其道而行，增加计算量以减少参数输入

—— 只送大脑

我们从Direction入手，他现在是2通道值^Vecter2，现在要把他反向计算为1通道值^Scale
二维Direction本质就是2D方向，当我们定义一个方向为"前"，任何方向就可以用角度Ange描述

RotationAngle不是标准的“Angle”，它的输入为-1到1，这样既可以方便填写，也省略了多步计算，乘π后直接求分量
默认输入为0，输出为(1,0)