如何从Three.js中具有法线的点创建splat？

Question

我是OpenGL和Three.js的新手，我正在研究基于流的“在线”查看器，该查看器使用websocket将点（具有表面法线）从一个系统应用程序传输到远程Web界面。长话短说，我修改了BufferGeometry并使用THREE.PointsMaterial可视化带有点的输入数据。

由于我已经发送了点的位置[xyz]，颜色[rgb]和法线[abc]，所以我很想使用表面喷涂Splatting之类的技术。不幸的是，由于我的知识有限和缺乏互联网资源，任何人都可以指导我使用three.js实施非常基本的表面喷涂技术吗？

问题：如何绘制椭圆形表面而不是Three.js中的点

任何帮助将不胜感激。

我既是OpenGL还是Three.js的新手，我正在研究基于流的“在线”查看器，该查看器使用websocket将点（具有表面法线）从一个系统应用程序传输到... >

Answer 1

如果您计算每个点的点大小，以便整个省略号都适合该点，然后使用片段着色器基于视角来计算省略号的面积，那么使用点可能会起作用（我想这就是您想做，对吧？]

或者，您可以基于简单的四边形使用实例化，并对四边形的位置和方向使用实例属性。在这种情况下，您只需要在每个四边形中绘制一个圆即可。