थ्री.जेएस पारदर्शिता/विच्छेदन

Question

मैं तीनjs के लिए नया हूं और मैं एक साधारण 3 डी मॉडल बनाने की कोशिश कर रहा हूं। फिर भी, मुझे कुछ पारदर्शिता/असंतोष मुद्दा मिला है क्योंकि मैंने अस्पष्टता के साथ खेलना शुरू कर दिया है।

मेरे कोड का महत्वपूर्ण हिस्सा है, यहाँ है:

var cylJaun = new THREE.MeshNormalMaterial({color: 0xFFFF00, opacity: 1}); 
    var cylBleu = new THREE.MeshNormalMaterial({color: 0x0000FF, opacity: 0.5 }); 

    var cylJaun1 = new THREE.Mesh(new THREE.CylinderGeometry(50,50,50,100,1,false),cylJaun); 
    var cylJaun2 = new THREE.Mesh(new THREE.CylinderGeometry(50,50,50,100,1,false),cylJaun); 
    var cylJaun3 = new THREE.Mesh(new THREE.CylinderGeometry(50,50,50,100,1,false),cylJaun); 

    var cylBleu1 = new THREE.Mesh(new THREE.CylinderGeometry(70,70,200,100,1,false),cylBleu); 

    cylJaun1.position.y -= 60; 
    cylJaun3.position.y += 60; 

    group.add(cylBleu1); 

    group.add(cylJaun1); 
    group.add(cylJaun2); 
    group.add(cylJaun3); 

    scene.add(group); 

आप देख सकते हैं, मैं उन 3 सिलेंडरों में से कुछ गायब हो जाते हैं कि जब मेरी वस्तु है एक fourth.The समस्या में 3 सिलेंडर रखने का प्रयास एक विशिष्ट सीमा के भीतर घूर्णन।

Answer 1

आपको बड़े सिलेंडर के लिए सामग्री में transparent: true सेट करने की आवश्यकता है।

var cylBleu = new THREE.MeshNormalMaterial({ transparent: true, opacity: 0.5 }); 

यदि आप एक नौसिखिया हैं, तो आप पारदर्शिता के साथ प्रयोग करके गहरे अंत में कूद रहे हैं।

पारदर्शिता WebGL के साथ मुश्किल हो सकती है। यदि आप इस मार्ग को जारी रखने की योजना बना रहे हैं, तो Google इसे पागल पसंद करता है और इसमें शामिल मुद्दों के बारे में आप सब कुछ सीख सकते हैं, और वे तीन.जेएस में कैसे प्रबंधित किए जाते हैं।

तीन.जेएस आर.53