固定地板立方体的动态高度

Question

我正在创建一个可以通过缩放其网格来动态更改的动态立方体。问题是，我想在修改它的高度时将它固定在地板上。这是我的代码片段：

function init() {

// Floor position
floor = new THREE.Mesh( shadowGeo, shadowMaterial );
floor.position.y = 0;
floor.rotation.x = - Math.PI / 2;
scene.add( floor );

// Defines the cube and its original position
var BoxGeometry = new THREE.BoxGeometry(50, 50, 50);
var boxMaterial = new THREE.MeshLambertMaterial({color: 0x000088});
cube = new THREE.Mesh(BoxGeometry, boxMaterial);
cube.position.set(0,30,0);
scene.add(cube);

// GUI PANEL INTERACTION
// Now the GUI panel for the interaction is defined
gui = new dat.GUI();

parameters = {
        height: 1,
        reset: function() {resetCube()}     
    }

// Define the second folder which takes care of the scaling of the cube
var folder1 = gui.addFolder("Dimensions");
var cubeHeight = folder2.add(parameters, "height").min(0).max(200).step(1);
folder1.open();

// Function taking care of the cube changes
cubeHeight.onChange(function(value){cube.scale.y = value;});

gui.open();
}

// Update cube characteristics
function updateCube() {
    cube.scale.y = parameters.y;
}

// Reset cube settings
function resetCube() {
    parameters.height = 1;
    updateCube();
}

// Rest of the code

我四处搜索并看到 this similar topic，但它仍然没有正确解释当对象具有参考楼层时如何修改尺寸。你知道我该如何解决这个问题吗？

Answer 1

更改了您的 .onChange() 函数，使立方体留在地面上：

    // Function taking care of the cube changes
    cubeHeightScale.onChange(
        function(value)
        {
            cube.scale.y = value;
            cube.position.y = (cubeHeight * value) / 2;
        } );

这里是 fiddle 实时检查更改：http://jsfiddle.net/Lsjh965o/

three.jsr71

固定地板立方体的动态高度

Dynamic height of cube with fixed floor

javascript

three.js