Trjite sprite ordering

Question

У меня возникли проблемы с обработкой спрайтов с использованием файла Three.js, чтобы усложнить проблему. Я использую движок игры voxel.js для управления экземпляром.

Пример: http://christopherdebeer.com/sandbox/voxeljs/

Я пытался возиться с глубиной {| написать тест}:

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)