three.js操纵水形成它与景观？

three.js 所以我想知道是否有一个小例子，或者有人可能会做一个如何在水平面上添加/删除/移动顶点的例子，这样我就可以将水平面形成我在景观中雕刻的沟渠的精确形状来放置水？如果我解释得不够好，请一定让我知道，我会尽我最大的努力解释更多-深度，这里有两个例子：https://jsfiddle.net/prisoner849/snyqgmke/我现在不能给你举个例子，但是我可以给你一些正确方向的指示： 1. 在地形上使用像素光线投射来获得点的世界位置。示例（附来源）27，三，雷卡斯特6 2. 填充一个三、几何2在工作时使用点。 3. 使用三点3. 4. 在点上使用像素光线投射来拾取它们，并使用该方法创建三角形，这些三角形表示为BufferGeometry.index中点索引的三倍。 5. Make一3.网眼布1使用您的几何图形和合适的材料。您可能需要将网格稍微移动到地下，以便边缘位于地形曲面下方。可以使用mesh.position. 6. 渲染设置此偏移！ 7. 像这样画一条河的过程可能很麻烦。还有许多其他可能的解决方案可以加快工作速度，例如：物理模拟（更难实现，可能需要大量计算能力）。非常近似的地形物理模拟或分析，例如，通过投放虚拟粒子（最初使用正交摄影机的光线投射）来实现景观渐变和具有一些2D动量，并使用添加混合和帧反馈进行渲染，以获得纹理，该纹理包含一个通道中的水“密度”和两个其他通道中的水速度信息。然后分析此纹理以生成几何体，或者在首先使用它平滑水密度最大的地形后，使用它在地形着色器中连续混合水效果。使用正交摄影机从上方渲染深度纹理，并使用它查找从地形绘制的胖线1的深度位置同样的观点。然后在生成的几何体上使用自定义着色器。不过，我还没有看过视频。所以，也许我错过了一些重要的事情……这些都是我头脑中最原始的“研究”。谢谢@EliasHasle！实际上，我在想，最好修改上面的小提琴示例，使其使用水平面，而不是随机生成的顶点。是的，也许您可以修改它，或者使用它的想法。但在每一帧中重建整个几何体将无法很好地缩放。应该可以从所使用的样条曲线几何图形类中借用代码，以便重用相同的几何图形并仅更新受影响的样条曲线段。此外，还可以提取仅制作挤出边几何的端盖的代码。然后通过在最近的地形高程之间查询和插值将所有顶点投影到地形上（或者，效率较低，从每个顶点向下投射一条光线）。（@prisoner849）不，我不想重建景观几何体，我想重新定位和添加/删除水平面本身的顶点。我很抱歉解释得不够好。那个视频很好地展示了我的意思。我上面提到的方法中只有一种会涉及到改变景观。无论如何，如果你想放弃我上面的一些建议：做一个三、平面几何有
个长度段和2个宽度段（或者反过来，因为我不记得尺寸顺序），其中
相对粗糙。设法选择所需的终点和河流的标准宽度，使其在场景中大致定位。将几何体渲染为三点.在点上实施拖放（使用光线投射等）。使用顶点索引模3决定拖放行为。边点会独立移动，中心点也会移动相应的边点。为水网格创建更密集的（河流长度方向）几何体。使用三次样条曲线计算新几何体中的边位置，并将第一个几何体的边点作为控制点，并将中心曲线位置计算为相应边缘曲线位置的平均值。在2D中使用三次样条曲线，然后向下投影到地形，使用最近顶点之间的插值或正交深度纹理中的查找。制作网格，将其稍微偏移到地下并渲染！ 8. 物理模拟（更难实现，可能需要大量计算能力）。 9. 非常近似的地形物理模拟或分析，例如，通过投放虚拟粒子（最初使用正交摄影机的光线投射）来实现景观渐变和具有一些2D动量，并使用添加混合和帧反馈进行渲染，以获得纹理，该纹理包含一个通道中的水“密度”和两个其他通道中的水速度信息。然后分析此纹理以生成几何体，或者在首先使用它平滑水密度最大的地形后，使用它在地形着色器中连续混合水效果。 10. 使用正交摄影机从上方渲染深度纹理，并使用它查找从地形绘制的胖线1的深度位置同样的观点。然后在生成的几何体上使用自定义着色器。 11. 做一个三、平面几何有
个长度段和2个宽度段（或者反过来，因为我不记得尺寸顺序），其中
相对粗糙。 12. 设法选择所需的终点和河流的标准宽度，使其在场景中大致定位。 13. 将几何体渲染为三点. 14. 在点上实施拖放（使用光线投射等）。 15. 使用顶点索引模3决定拖放行为。边点会独立移动，中心点也会移动相应的边点。 16. 为水网格创建更密集的（河流长度方向）几何体。 17. 使用三次样条曲线计算新几何体中的边位置，并将第一个几何体的边点作为控制点，并将中心曲线位置计算为相应边缘曲线位置的平均值。在2D中使用三次样条曲线，然后向下投影到地形，使用最近顶点之间的插值或正交深度纹理中的查找。 18. 制作网格，将其稍微偏移到地下并渲染！

three.js操纵水形成它与景观？

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形