Dynamicznie skaluj obiekt na innym

Question

Tworzę projekt z three.js, w którym użytkownik może dynamicznie zmieniać wymiary modelu. Pytanie jest bardzo podobne do this one, które zamieściłem, ale obawiam się, że nie działa, ponieważ tym razem pracuję z wytłoczeniem płaskiego kształtu. Fragment kodu gdzie mam problemy to:

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; 
}); 

Jak można zaobserwować, kiedy zmienić roof.scale.y, również obiekt jest w ruchu, ale powinien pozostać przymocowane do górnej części kostki. Czy wiesz, co robię źle? To jest jsfiddle z pełnym kodem.

Z góry dziękuję za odpowiedzi!

Answer 1

Wysokość kostki wyskalowanej to cubeHeight * cube.scale.y, a dach to roofHeight * roof.scale.y.

Najlepsza pozycja środku sześcianu (wysokość sześcianu) jest cube.position.y + cubeHeight/2 * cube.scale.y lub po prostu środek geometryczny cubeHeight * cube.scale.y

dach nie jest koordynowanie System Center dlatego pozycja jest wysokość sześcianu minus wysokość pół dach za

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

Jsfiddle example