THREE.js depthTest遮挡问题

在使用THREE.js的粒子系统时遇到一个问题,就是前面的粒子会将后面的遮挡住,有一块方形的透明。
THREE.js depthTest遮挡问题_第1张图片
这个情况在使用sprite和Points时都有出现,这种情况主要是因为材质的depthTest没有设置。depthTest的默认值为true,在绘制不透明物体时,深度测试为true是能保证正确的遮挡关系,但是当绘制透明物体时,关掉深度测试才能保证正确的blend。THREE.js depthTest遮挡问题_第2张图片

你可能感兴趣的:(JS/THREE.js)