काटा सतहों रेंडर करने के लिए कैसे के रूप में ठोस वस्तुओं

Question

Three.js में, मैं एक 3 डी वस्तु जहाँ मैं करने के लिए स्थानीय कतरन विमानों का उपयोग कर रहा केवल वस्तु का एक हिस्सा प्रस्तुत करना है।

हालांकि, बाद से 3 डी वस्तुओं "खोखला" कर रहे हैं (जिसका अर्थ केवल बाहरी सतह प्रदान की गई है), जब हम उस सतह हम वस्तु "में देख" सकता है बंद कुछ भी क्लिप। मेरा मतलब क्या है, clipping a corner off a cube का एक उदाहरण यहां दिया गया है। ध्यान दें कि हम विपरीत कोने के बैकसाइड को कैसे देख सकते हैं।

मैं वस्तु ठोस किया जा रहा है की उपस्थिति देने के लिए करना चाहते हैं। this issue के आधार पर, ऐसा लगता है कि इसे पूरा करने का सबसे अच्छा तरीका क्लिप किए गए क्षेत्र पर सतह बनाना है, इस प्रकार छेद को कैप करना और ऑब्जेक्ट को दिखाना जैसे खोखला नहीं है।

मेरा प्रश्न, मैं कैसे पता चलेगा है, जहां इस सतह के निर्माण के लिए? क्या Three.js एक विमान और किसी भी मनमाने ढंग से सतह के बीच छेड़छाड़ की एक सूची प्राप्त करने का एक तरीका प्रदान करता है? यदि नहीं, तो मैं इस समस्या से कैसे संपर्क कर सकता हूं?

मैं this question पाया है, लेकिन लेखक का वर्णन नहीं किया कि वे किस तरह समस्या मैं यहाँ कर रहा हूँ हल किया। अर्थात, खोखले नहीं -

Answer 1

आप एक काटा सतह रेंडर करने के लिए जैसे कि यह एक ठोस थे चाहते हैं।

आप उस प्रभाव के लिए MeshPhongMaterial - या किसी भी तीन.जेएस सामग्री के साथ उस प्रभाव को प्राप्त कर सकते हैं - सामग्री शेडर के लिए एक साधारण हैक के साथ।

/src/renderers/shaders/ShaderLib/meshphong_frag.glsl में इस लाइन को बदलें:

gl_FragColor = vec4(outgoingLight, diffuseColor.a); 

साथ

if (gl_FrontFacing) { 

    gl_FragColor = vec4(outgoingLight, diffuseColor.a); 

} else { 

    gl_FragColor = diffuseColor; 

} 

यह बहुत अच्छी दिखना चाहिए। इसे material.side = THREE.DoubleSide की आवश्यकता होगी;

Three.js r.76

Answer 2

मैं एक THREE.SectionHelper वर्ग जो दिलचस्प आप जाल है कि आप कतरन कर रहे हैं के अंदर के लिए एक अलग सामग्री/रंग सेट करना चाहते हैं हो सकता है बनाया है। a demo in this fiddle देखें।

var sectionHelper = new THREE.SectionHelper(mesh, 0xffffff); 
scene.add(sectionHelper);