Three.js：平面只有一半時間可見

我創建了一個使用Three.js旋轉的平面。出於某種原因，飛機沒有顯示一半的時間。我創建了一個顯示行爲的小提琴here。Three.js：平面只有一半時間可見

2012-06-04 Randomblue

注意，這已經three.js所修訂R50略有改變。渲染面的兩側可以通過對材料的side屬性來實現，即

plane.material.side = THREE.DoubleSide;

看here瞭解更多詳情。

2012-10-21 15:27:48 Chris

你知道如何在雙面上獲得2種不同的紋理嗎？任何人？ – mattdlockyer

@mattdlockyer我有同樣的問題，這有助於我：http://stackoverflow.com/questions/11709760/how-can-i-put-two-different-textures-on-the-front-and-back-of -一架飛機 – imbrizi

這是不可見的，因爲飛機的背面沒有被渲染（或者更好的說，一架飛機沒有默認的背面，在一個側面注意，關於這個看看backface-culling雖然這不是問題在這種情況下，它可能會讓你對渲染有一些瞭解）。

Three.js確實爲您提供了一種非常簡單的方法來渲染背面。

在three.js所 - R49及以下：

所有你需要做的是doubleSided設置 - 你的飛機，對象的屬性設置爲true。

plane.doubleSided = true;

對於較新的版本 - 對象爲Material - - R50和高達

在較新的版本，如論壇論壇已經在他的回答正確地指出，物業從Object3D移動的對象，所以你倒是需要設置它有點不同，就像這樣：

plane.material.side = THREE.DoubleSide;

還編輯您的提琴向您展示：http://jsfiddle.net/VsWb9/1084/

它使用的是three.js所 - 版本比R50新，屬性上線設置35

2012-06-04 23:20:01 GNi33

這不再工作基於測試在r.58 – mattdlockyer

@mattdlockyer更新的答案覆蓋較新的版本太 – GNi33

偉大的工作，不知道你的解決方案是爲那些修訂，很好知道。謝謝！ – mattdlockyer

回答