Question

我正在一起使用THREE.WebGLRenderer（）和THREE.CSS3DRenderer（），效果很好，但似乎它们没有共享相同的深度缓冲区。 CSS始终在常规渲染器上显示。有什么办法可以让两个渲染器相互尊重？

scene=new THREE.Scene();                                                                         
scene2=new THREE.Scene();                                                                       
renderer=new THREE.WebGLRenderer({ antialias: true });                                           
renderer.setPixelRatio(window.devicePixelRatio);                                        
renderer2=new THREE.CSS3DRenderer();
container.appendChild(renderer.domElement);                                     
container.appendChild(renderer2.domElement);    

render() {
    renderer.render(scene,camera);
    renderer2.render(scene,camera);
    }

Answer 1

不幸的是，没有。 WebGL和CSS从技术上来说是两种不同的东西，并且是完全独立的。因此，不可能为THREE.WebGLRenderer和THREE.CSS3DRenderer共享一个公共深度缓冲区。

three.js R106

使用多个渲染的共享深度缓冲区？

1 个答案: