利用three.js绘制三维场景中的不规则水

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

你应该做一个扁平化和长方形的水窗格。世界窗格应该有一个深度，在那里水可以通过它。所以地形(河岸)必须是不规则的。

(很抱歉我的绘画技巧很差)

​

你可以创建一个地形，任何深度和形状，你想用高度映射。

下面是一个很好的例子如何从高度图创建地形。