Threejs sprite排序

Question

我在使用Three.js渲染精灵时遇到了问题，为了使问题更加复杂，我使用了一个游戏引擎voxel.js来管理实例。

示例：http://christopherdebeer.com/sandbox/voxeljs/

我尝试过处理深度{write|test}：

material = new game.THREE.SpriteMaterial({
  map: spriteB, 
  useScreenCoordinates: false,
  alignment: game.THREE.SpriteAlignment.bottomCenter,
  color: 0xffffff,
  fog: true,
  depthWrite: true,
  depthTest: false
});

对于示例左侧的半透明网格。

我需要的是一个透明的网格或体素，以给一个体积的空间一些物质，同时显示在该位置的2d精灵。

我该如何解决这个问题，或者我做错了什么？

Answer 1

这几乎恰好是你需要它的一年后，但@WestLangley描述了精灵是如何最后渲染的，因此不能很好地处理透明对象。他提供了一些解决此问题的技巧。

three.js - cannot view a sprite through a mesh with transparency?

Answer 2

我似乎遗漏了一个阿尔法测试:尝试将参数alphaTest: 0.5添加到您传递给SpriteMaterial的参数中，看看它是否有帮助(尝试将depthTest设置为true)