三.js 如何渲染一个简单的白点/点/像素

Question

我正在使用 THREE.WebGLRenderer，我想在 3D 空间的特定位置绘制几个相同大小的白点。

我应该使用 Sprite ，计算 2D 屏幕坐标并使用 SpriteMaterial.useScreenCoordinate 吗？

我应该简单地使用它们到相机的距离重新计算 Sprite 的大小吗？

我可以使用 SpriteMaterial.scaleByViewport 或 SpriteMaterial.sizeAttenuation 吗？有这方面的文件吗？

有没有类似 GL_POINTS 的东西？最好只定义 1 个顶点并在该位置获得一个彩色像素。我应该尝试使用 PointCloud 吗？

感谢您的任何提示!

编辑:所有点在屏幕上的大小应该相同。

Answer 1

使用 .sizeAttenuation 和单顶点 PointCloud 是可行的，但感觉有点……过度设计:

var dotGeometry = new THREE.Geometry();
dotGeometry.vertices.push(new THREE.Vector3( 0, 0, 0));
var dotMaterial = new THREE.PointsMaterial( { size: 1, sizeAttenuation: false } );
var dot = new THREE.Points( dotGeometry, dotMaterial );
scene.add( dot );