थ्री.जेएस: विमान केवल आधा समय दिखाई देता है

Question

मैंने तीन विमानों का उपयोग करके एक विमान बनाया है, जिसे मैं घूमता हूं। किसी कारण से, विमान आधा समय नहीं दिखाता है। मैंने व्यवहार दिखाते हुए एक पहेली here बनाया है।

Answer 1

पर सेट है नोट करें कि यह तीन.जेएस संशोधन आर 50 में थोड़ा बदल गया है। एक विमान के दोनों किनारों प्रतिपादन अधिक जानकारी के लिए, सामग्री पर side संपत्ति के माध्यम से प्राप्त किया जा सकता अर्थात

plane.material.side = THREE.DoubleSide; 

देखो here।

Answer 2

यह दिखाई नहीं दे रहा है क्योंकि विमान का बैकफ़ेस प्रदान नहीं किया जाता है (या बेहतर कहा जाता है कि एक विमान में प्रति डिफ़ॉल्ट बैकफ़ेस नहीं होते हैं। एक तरफ ध्यान दें, इसके बारे में backface-culling पर एक नज़र डालें। हालांकि यह मुद्दा नहीं है इस मामले में, यह आपको प्रतिपादन के बारे में थोड़ी अंतर्दृष्टि दे सकता है)।

थ्री.जेएस आपको बैकफेस प्रस्तुत करने का एक बहुत ही आसान तरीका प्रदान करता है।

Three.js में - R49 और नीचे:

तुम सब करने की ज़रूरत है doubleSided सेट है - सच करने के लिए अपने विमान-वस्तु की संपत्ति। , तो आप ऐसा वस्तु -

plane.doubleSided = true; 

नए संस्करणों के लिए - Material करने के लिए वस्तु -

नए संशोधन में, जैसा कि donnyB पहले से ही अपने जवाब में सही ढंग से कहा गया है r50 और ऊपर, संपत्ति Object3D से ले जाया गया था 'यह थोड़ा अलग तरह से स्थापित करने के लिए है, इसलिए की तरह की जरूरत है डी:

आप को दिखाने के लिए

plane.material.side = THREE.DoubleSide; 

इसके अलावा अपने बेला संपादित: http://jsfiddle.net/VsWb9/1084/

यह आरआर 50 की तुलना में तीन.जेएस - संस्करण का उपयोग कर रहा है, यह संपत्ति लाइन 35