だから私は視覚化している約59kのデータポイントを持っています。現在、それらをテクスチャにしてから、平面ジオメトリに適用しています。
ここでの問題は、高さマップを表示する必要があることです。各データポイントには高さの値があり、それをメッシュに適用する必要があります。
これを行うための最良の方法は何ですか?以前は、大量の立方体ジオメトリを使用してこのデータを表示していましたが、これで高さを変更できました。しかし、これによりパフォーマンスが低下するため、実際にはオプションではありませんでした。
だから私は視覚化している約59kのデータポイントを持っています。現在、それらをテクスチャにしてから、平面ジオメトリに適用しています。
ここでの問題は、高さマップを表示する必要があることです。各データポイントには高さの値があり、それをメッシュに適用する必要があります。
これを行うための最良の方法は何ですか?以前は、大量の立方体ジオメトリを使用してこのデータを表示していましたが、これで高さを変更できました。しかし、これによりパフォーマンスが低下するため、実際にはオプションではありませんでした。
以前は、大量の立方体ジオメトリを使用してこのデータを表示していましたが、これで高さを変更できました。しかし、これによりパフォーマンスが低下するため、実際にはオプションではありませんでした。
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
計算を GPU にプッシュしてパフォーマンスを向上させるには、ディスプレイスメント シェーダーが必要です。
これは、ディスプレイスメント シェーダーを使用した良い例です。