Threejs制作置换网格（地形模型）
Threejs make a displaced mesh (terrain model)
所以我有大约 59k 个数据点正在可视化。目前我正在将它们制作成纹理，然后将它们应用到平面几何体上。
现在的问题是我需要显示高度图，每个数据点都有一个高度值，我需要将其应用到网格。
执行此操作的最佳方法是什么？之前我使用大量的立方体几何体来显示这些数据，然后我可以改变它们的高度。但这会使性能受到影响，所以它不是一个真正的选择。
需要置换着色器通过将计算推送到 GPU 来提高性能。
这是一个good example使用置换着色器的
Previously I was displaying this data using a ton of cube geometries,
which I could then change the height on. But this made performance
suffer, so it wasn't really an option.
尝试使用THREE.BufferGeometry and index buffer. Here is a sample of index buffer usage(it's not 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
所以我有大约 59k 个数据点正在可视化。目前我正在将它们制作成纹理，然后将它们应用到平面几何体上。
现在的问题是我需要显示高度图，每个数据点都有一个高度值，我需要将其应用到网格。
执行此操作的最佳方法是什么？之前我使用大量的立方体几何体来显示这些数据，然后我可以改变它们的高度。但这会使性能受到影响，所以它不是一个真正的选择。
需要置换着色器通过将计算推送到 GPU 来提高性能。
这是一个good example使用置换着色器的
Previously I was displaying this data using a ton of cube geometries, which I could then change the height on. But this made performance suffer, so it wasn't really an option.
尝试使用THREE.BufferGeometry and index buffer. Here is a sample of index buffer usage(it's not 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