我在使用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精灵。
我该如何解决这个问题,或者我做错了什么?
这几乎是在你需要它的一年后,但是@WestLangley描述了精灵是如何最后渲染的,因此不能很好地与透明物体一起发挥作用。他提供了一些解决这个问题的技巧。
three.js -不能通过透明网格查看精灵?
这似乎是我缺少的alpha测试:尝试将参数alphaTest: 0.5
添加到您传递给spritemmaterial的参数中,看看它是否有帮助(尝试将depthTest
设置为true
)