使用three.js在3D场景中绘制不规则的水

Question

我想在3D场景中使用水元素绘制一条平面河。但是这条河的路线是不规则的，不是矩形，如下图所示。 并且水元素定义为

 water = new THREE.Water( waterGeometry, {
        color: params.color,
        scale: params.scale,
        flowDirection: new THREE.Vector2( params.flowX, params.flowY ),
        textureWidth: 1024,
        textureHeight: 1024
    } );`

仅描述水的两个参数：长度和宽度。以及如何使不规则的水像图片所示。谢谢。

Answer 1

您应该制作一个平坦且矩形的水窗格。世界窗格应具有一定的深度，水可以在其中穿过。因此，地形（河岸）必须是不规则的。

（对不起，我的绘画能力很差）

您可以使用高度图创建任意深度和形状的地形。

Here is a good example如何从高度图创建地形。