Three.js - Геометрия поверх другого

Question

Возможно ли, чтобы в файле Three.js всегда отображалась сетка поверх сцены, даже если она находится позади всех объектов? Я реализую выбор лассо с сеткой, и мне нужно отобразить окно выбора поверх остальной части сцены.

Answer 1

Да.

Во-первых это сделать:

renderer.autoClear = false; 

Затем создайте вторую сцену, которая содержит только те объекты, которые вы хотите быть на вершине. Затем, в рендеринге цикл:

renderer.clear();      // clear buffers 
renderer.render(scene, camera);  // render scene 1 
renderer.clearDepth();    // clear depth buffer 
renderer.render(scene2, camera); // render scene 2 

---

EDIT: Еще одно решение должно иметь только одну сцену, но использовать этот шаблон:

mesh.renderOrder = 999; 
mesh.onBeforeRender = function(renderer) { renderer.clearDepth(); }; 

Если сетка имеет один материал, он будет сделать «сверху».

Three.js R.85

Answer 2

Если вы хотите оказать только одна сетку на переднем вы также можете управлять установкой depthTest для материала этого объекта false:

var onTopMaterial = new THREE.MeshStandardMaterial({ 
    color: 'red', 
    depthTest: false 
}); 

mesh.material = onTopMaterial; 

Проверить демонстрационный в this fiddle

---

Примечание: Убедитесь, что renderer.sortObjects установлено значение по умолчанию true.