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

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

水元素定义为

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

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

最佳答案

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

（对不起我的绘画技巧）


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

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

关于javascript - 使用three.js在3D场景中绘制不规则的水，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53349222/