如何在three.js中从法线点创建splats？

Question

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

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

问题：如何在three.js中绘制椭圆而不是点

任何帮助将不胜感激。

Answer 1

如果您计算每个点的点大小以使整个省略号适合在那里并使用片段着色器根据视角计算省略号的面积，它可能会使用点（我想这是你想做什么，对吧？）。

或者，您可以使用基于简单四边形的实例化，并使用实例属性来确定四边形的位置和方向。在这种情况下，您只需在每个四边形中渲染一个圆圈。