我该如何以液体方式移动的三个j进行2D变形圆

Question

i有一个网格，它是圆几何。我想像两个示例中的两个示例一样对其进行动画化，这是一个2D库：https://two.js.org/examples/physics.html

现在，我查看了这个示例，并将相机放在形状的顶部，但我敢肯定，有一种更简单的方法可以满足我的需求：https：//threejs.org/examples/#webgl_gpgpgpgpu_water

有人知道我该怎么做吗？

Answer 1

您只需要根据某些sin（）或cos（）值x和y坐标的值以及一个增量阶段（时间）即可移动顶点位置。您的顶点着色器可以包括类似的东西，其中相位随时间增加（通常是时钟）。

glPosition.x = vertex.x + sin((phase*frequency) + vertex.y) * amplitude;
glPosition.y = vertex.y + sin((phase*frequency) + vertex.x) * amplitude;

基本概念在这里，但是您必须通过测试结果来自己调整组件。您可能应该调整频率，振幅，添加更多因素以添加不规则和随机性。