डायनामिक रूप से स्केल ऑब्जेक्ट एक और

Question

पर स्टैक्ड किया गया है, मैं three.js के साथ एक प्रोजेक्ट बना रहा हूं जहां उपयोगकर्ता मॉडल के आयामों को गतिशील रूप से बदल सकता है। प्रश्न this one जैसा ही मैंने पोस्ट किया है, लेकिन मुझे डर है कि यह इस समय से काम नहीं कर रहा है क्योंकि मैं एक प्लानर आकार के बाहर निकलने के साथ काम कर रहा हूं।

cubeY.onChange(function(value){ 
    cube.scale.y = value; 
    cube.position.y = (cubeHeight * value)/2; 
    roof.position.y = (roofHeight * roof.scale.y)/2 + cube.position.y * 2 - roofHeight;});; 
roofY.onChange(function(value){ 
    roof.scale.y = value; 
    roof.position.y = ((roofHeight * value) + cube.position.y * 2) - value * roofHeight; 
}); 

आप देख सकते हैं के रूप में, जब मैं roof.scale.y बदलने के लिए, यह भी गतिशील क्यों न हों, लेकिन यह घन के ऊपरी भाग को तय रहना चाहिए: कोड जहाँ मैं समस्याओं कर रहा हूँ के स्निपेट पीछा कर रहा है। क्या आप जानते हैं कि मैं गलत क्या कर रहा हूं? यह पूर्ण कोड के साथ jsfiddle है।

आपके उत्तरों के लिए अग्रिम धन्यवाद!

Answer 1

स्केल किए गए घन की ऊंचाई cubeHeight * cube.scale.y है और छत roofHeight * roof.scale.y है।

घन (क्यूब की ऊंचाई) की

शीर्ष केंद्र स्थिति cube.position.y + cubeHeight/2 * cube.scale.y या सिर्फ cubeHeight * cube.scale.y

छत के ज्यामितीय केंद्र प्रणाली केंद्र समन्वय नहीं है तो यह स्थिति है घन की ऊंचाई शून्य से आधा छत की ऊंचाई है

cube.position.y + cubeHeight/2 * cube.scale.y - roofHeight/2 * roof.scale.y 

Jsfiddle example