Html CSS3DObject始终位于WebGL网格的前面_Html_Three.js_3d_Transform

Html CSS3DObject始终位于WebGL网格的前面

html three.js 3d

Html CSS3DObject始终位于WebGL网格的前面,html,three.js,3d,transform,Html,Three.js,3d,Transform,我将CSS3D渲染器与WebGL渲染器混合使用，将HTML三维空间中的元素添加到WebGL场景中。CSS3DObject位于WebGL网格前面，即使WebGL渲染器具有更高的z索引这是JSFIDLE 这就是场景的样子。请注意后视图无论何时CSS3DObject碰到网格，我都希望显示正确的深度。我认为这与z缓冲区或深度有关。我更喜欢透明背景上的文本，而不是示例中所示的纯色如何做到这一点？CSS3Renderer没有深度缓冲区，也不知道有关WebGLRenderer深度缓冲区的任何信息。为什么

我将

CSS3D渲染器

与

WebGL渲染器

混合使用，将

HTML

三维空间中的元素添加到

WebGL

场景中。

CSS3DObject

位于

WebGL

网格前面，即使

WebGL渲染器具有更高的z索引
这是JSFIDLE
这就是场景的样子。请注意后视图
无论何时CSS3DObject
碰到网格，我都希望显示正确的深度。我认为这与z缓冲区
或深度
有关。我更喜欢透明背景上的文本，而不是示例中所示的纯色
如何做到这一点？
CSS3Renderer

没有深度缓冲区，也不知道有关

WebGLRenderer

深度缓冲区的任何信息。为什么不只使用WebGL，而对文本使用精灵呢？首先进行实验，以确保它能满足您的需要。@WestLangley文本精灵能随网格在三维空间中移动吗？我正在寻找一种在显示器的网格上显示文本段落的方法。有这样使用精灵的例子吗？是的，精灵可以存在于3D中，也可以使用平面。实验。我想回答你的问题。你的小提琴解释了我的问题，但答案解决不了。这是另一种情况