Threejs制作移位网格(地形模型)

时间:2015-09-08 01:18:58

标签: javascript three.js mesh heightmap

所以我有大约59k的数据点,我正在想象。目前我正在将它们制作成纹理,然后将它们应用于平面几何体。

enter image description here

现在的问题是我需要显示一个高度图,每个数据点都有一个高度值,我需要将它应用于网格。

最好的方法是如何做到这一点?以前我使用大量的立方体几何形状显示这些数据,然后我可以改变高度。但这使得性能受损,所以它不是一个真正的选择。

2 个答案:

答案 0 :(得分:0)

需要置换着色器以通过将计算推送到GPU来提高性能。

这是使用置换着色器的good example

This is an example of heightmap using displacement shader

答案 1 :(得分:0)

  

以前我用大量的立方体几何图形显示这些数据,   然后,我可以改变高度。但这取得了成绩   受苦,所以这不是一个真正的选择。

尝试使用THREE.BufferGeometry和索引缓冲区。以下是索引缓冲区用法的示例(它不是three.js)https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Creating_3D_objects_using_WebGL

检查此示例http://alteredqualia.com/three/examples/webgl_cubes.html