1. 首页
  2. three.js

three.jsCSS3DObject通过webgl 3D对象可见

我使用CSS3Drender在FBX 3d对象上渲染HTML。它工作得很好,但当我旋转我的场景时,HTML可以通过透明的3D对象看到。我是新来的。如有任何建议或指导,将不胜感激。我录了一段视频供你参考https://drive.google.com/file/d/1cwjZwuSWOylvCF_tBoI41J2eYbB0zMB7/view=>;{t。装载机(“../../assets/models/fbx/轮盘赌,函数(对象){对象遍历(函数(子函数){if==new===positionVector.x*0.85+=>{控制台错误(错误);拒绝(错误);});});}渲染()== 3.pcf阴影图;gameContainer.appendChild(这是我的)}n恐怕这是CSS3DRenderer的限制。HTML元素呈现在画布的顶部。它们与通过WebGL渲染的实际3D场景没有共同的深度测试。n考虑将当前的CSS3DObject作为带有PlaneBufferGeometry和适当(纹理化)材质的网格来实现。n我是否应该使用PlaneBufferGeometry而不是PlaneGeometry来解决此问题?n你可以将CSS3D与常规场景混合,但这有点棘手https://codepen.io/Fyrestar/pen/QOXJaJ266n我做了完全相同的事情,请参见我的代码。你能告诉我应该在哪里修改代码来解决这个问题吗?n检查了很多事情,但仍然没有进展。选中在3D中嵌入网页Three.js场景114示例,其工作正常,但在我的示例中,当我将相同的webgl对象放入应用程序中时,css3dobjects通过n CSS3DObject is visible through webgl 3D Objectsn

three.jsCSS3DObject通过webgl 3D对象可见 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-jscss3dobject%e9%80%9a%e8%bf%87webgl-3d%e5%af%b9%e8%b1%a1%e5%8f%af%e8%a7%81/