Three.js webgl渲染器上粒子的透明度

我在精灵中使用come粒子，然后画一些线。线具有透明度，精灵具有alpha通道

线位于摄影机附近，而粒子位于线的后面

但是，线条似乎“穿过”粒子，就像在渲染线条的碎片上一样。。将跳过这些粒子

你可以在这里看到一把小提琴再现了这个问题：

当直线的透明度下降到0附近时，可以看到背景和后面的球体，就好像没有粒子一样

我是做错了什么还是渲染错误

代码如下：

THREE.ImageUtils.crossOrigin=''；
var容器；
摄像机、场景、渲染器；
var粒子系统；
var-line，lineM；
init（）；
制作动画（）；
函数init（）{
container=document.getElementById（'container'）；
摄像头=新的三个透视摄像头（27，window.innerWidth/window.innerHeight，53500）；
摄像机位置z=350；
摄像机位置y=35；
场景=新的三个。场景（）；
raycaster=new-THREE.raycaster（）；
raycaster.params.PointCloud.threshold=3；
var粒子=100；
var particlesgometry=new THREE.Geometry（）；
var n=200，n2=n/2；//粒子在立方体中扩散
对于（var i=0；i

正文{
颜色：#中交；
字体系列：Monospace；
字体大小：13px；
文本对齐：居中；
背景色#050505；
边际：0px；
溢出：隐藏；
}
#信息{
位置：绝对位置；
顶部：0px；宽度：100%；
填充物：5px；
}
a{
颜色：#0080ff；
}

阅读并尝试

line.position.z=1

，看看这是否解决了您的问题。好的，明白了。。这是非常误导人的。如果你愿意，可以把它作为一个答案发布。如果你愿意，你可以上传链接。