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

Question

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

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

Answer 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的面中的顶点顺序。