three.js - 搅拌机立方体的相对面变得透明

【问题标题】：three.js - blender cube opposite faces become transparentthree.js - 搅拌机立方体的相对面变得透明
【发布时间】：2026-01-15 00:00:01
【问题描述】：

我是three.js 的新手。我遵循了使用 JSONLoader 将模型加载到 webGLRenderer 场景中的示例。在 Blender JS 导出器上构建的模型只是一个侧面有不同材料的立方体。我在每个动画场景中旋转立方体，但是当两个相对的面重叠时，材质混合是如此奇怪。正面变得透明，我只能看到背面。

我在这里搜索过，这是类似的问题，但没有答案。 https://*.com/questions/8638850/three-js-z-sorting

【问题讨论】：

必须是depth testing的东西将您的代码发布到jsfiddle.net
抱歉回复晚了。我将代码上传到 jsfiddle。请注意，问题出现在“U”jsfiddle.net/AUjHn 上更明显

标签： 3d three.js blender

【解决方案1】：

由于某种原因，您的一个对象已经翻转了面，因此您可以应用负比例，因此它会再次翻转它们，就像 http://jsfiddle.net/AUjHn/1/ 我用 zmesh.scale.set( -100, -100, -100); 替换了 zmesh.scale.set( 100, 100, 100); 所以现在蓝色看起来不错，但您需要翻转红色如果要使用此修复程序，请拆分模型。但最好的方法是修复蓝色对象的面，为此您需要更改该对象面的顶点顺序http://www.opengl.org/wiki/Face_Culling。

【讨论】：

感谢您回答我的问题！法线被翻转很奇怪。我正在使用搅拌机 2.63，但我无法使用“翻转方向”来解决此问题 - 单击按钮时没有响应。我最终在搅拌机中用负值转换对象。