为什么摄像头在CSS2DObject后面，我可以看到CSS2DObject？

Question

我把CSS2DObject加到现场了。

self.labelDiv = document.createElement( 'div' );
self.labelDiv.className = 'label';      
self.labelDiv.innerHTML = textshow; 
self.label = new THREE.CSS2DObject( self.labelDiv );            
self.label.position.set(obj.x, obj.y, obj.z);   
this.scene.add(lab);

效果如下：label1

我将相机向前移动，直到我看不到模型，但标签再次显示。label2

原因何在？如何避免呢？谢谢。

Answer 1

CSS渲染器不能像WebGL渲染器那样进行裁剪，因此它依赖于截体剔除来去除对象……

检查/warnings是否在控制台中显示任何错误？

检查您是否正在使用最新的THREE.js？

确保您的对象上未禁用frustumCulling？

确保你的css对象有某种边界框或者边界球体？