three.js加载纹理，透明背景图片显示出来部分背景是黑色

Question

使用three.js给每个粒子加载纹理，显示出来的图片后面有黑色的背景，纹理图片没有问题

效果预览：http://htmlpreview.github.io/...

代码：https://github.com/houxiaochu...

Answer 1

题主解决了吗？这种遮挡是什么原因造成的该怎么解决？

Answer 2

设置材质是深度测试设置为false后就好了，但是具体深度测试是个啥我还没太明白

  var pMaterial = new THREE.PointsMaterial({
             color: 0xffffff,
             size: 20,
             map: THREE.ImageUtils.loadTexture('./bubble.png'),
             // blending: THREE.AdditiveBlending,
             transparent: true,
             depthTest: false