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

2012-11-23 41 views 1 likes

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

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

来源

2012-11-23 ccouu

必须是[深度测试]（http://en.wikipedia.org/wiki/Z-buffering）将您的代码发布到http://jsfiddle.net/ – JAre

对不起，对于迟到的回复。我将代码上传到jsfiddle。请注意，问题在“U”上更清晰地发生 http://jsfiddle.net/AUjHn/ – ccouu

回答

为对象的某种原因，一个已经翻转的面孔，所以你可以将消极的规模，因此将再次拨动他们，像这样http://jsfiddle.net/AUjHn/1/我zmesh.scale.set(-100, -100, -100);所以现在蓝色看起来不错，但红色翻转你需要分割的模特所代替zmesh.scale.set(100, 100, 100);如果你想使用这个修复。但是最好的方法是修改蓝色对象的面，为此你需要改变这个对象的面的顶点顺序http://www.opengl.org/wiki/Face_Culling。

来源

2012-11-26 11:12:53 JAre

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

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

回答

相关问题