THREE.js SpriteMaterial glow纹理隐藏边缘

Question

我正在给一些THREE.js节点添加一个SpriteMaterial发光纹理，它在边缘上的绘制有一些问题。从某些角度看，它工作得很好，但从另一些角度看，即使将纹理设置为透明，也无法通过纹理看到边缘。下图中的圆圈区域突出显示了问题。

​

​

下面是我用来创建SpriteMaterial的代码：

var material = new THREE.SpriteMaterial({ map: new THREE.TextureLoader().load('img/glow2.png'), color: color, transparent: true, side: THREE.FrontSide, blending: THREE.AdditiveBlending });
var sprite = new THREE.Sprite(material);
sprite.scale.set(30, 30, 1.0);

这是纹理png的问题吗?如果是这样，我如何为不会产生这些类型的工件的纹理创建图像？如果不是图像问题，那么代码有什么问题呢？

Answer 1

将depthWrite:false添加到SpriteMaterial参数中。