2012-11-23 83 views
1

我是three.js的新手。我遵循使用JSONLoader將模型加載到webGLRenderer場景的示例。 建立在Blender JS導出器上的模型只是一個側面具有不同材質的立方體。我在每個動畫場景中旋轉立方體,但當兩個相反的面覆蓋時,材質混合非常奇怪。正面變得透明,我只能看到背面。three.js - 攪拌機立方對面變得透明

我在這裏和這裏搜索了類似的問題,但沒有答案。 https://stackoverflow.com/questions/8638850/three-js-z-sorting

+1

必須是[深度測試](http://en.wikipedia.org/wiki/Z-buffering)將您的代碼發佈到http://jsfiddle.net/ – JAre

+0

對不起,對於遲到的回覆。我將代碼上傳到jsfiddle。 請注意,問題在「U」上更清晰地發生 http://jsfiddle.net/AUjHn/ – ccouu

回答

0

爲對象的某種原因,一個已經翻轉的面孔,所以你可以將消極的規模,因此將再次撥動他們,像這樣http://jsfiddle.net/AUjHn/1/zmesh.scale.set(-100, -100, -100);所以現在藍色看起來不錯,但紅色翻轉你需要分割的模特所代替zmesh.scale.set(100, 100, 100);如果你想使用這個修復。但是最好的方法是修改藍色對象的面,爲此你需要改變這個對象的面的頂點順序http://www.opengl.org/wiki/Face_Culling

+0

感謝您回答我的問題! 法線翻轉很奇怪。我使用的是攪拌機2.63,但我無法使用「翻轉方向」來解決此問題 - 單擊按鈕時無響應。我最終通過在攪拌機中以負值轉換對象。 – ccouu