仅向上缩放 Three.js 几何体

我正在尝试缩放几何图形 y 轴。这使得我的立方体既放大又缩小。我认为 mesh.transformY 可以将立方体动画放大到缩放值的一半。这会让立方体看起来像是向上缩放的。还有其他解决方案吗？

    var geometry = new THREE.BoxGeometry(1, 1, 1);
    var mesh = new THREE.Mesh(geometry, new THREE.MeshPhongMaterial({
        color: 0xffffff
    }));

    mesh.position.set(0, 2, 0);
    mesh.scale.set(0.98, 0.95, 0.992);
    mesh.castShadow = true;
    scene.add(mesh);

    var tween = new TWEEN.Tween(mesh.scale)tween.to({y: 2}, 1000)
    tween.easing(TWEEN.Easing.Elastic.InOut);
    tween.yoyo(true);
    tween.start();

如果您希望几何图形仅“向上”缩放，您所需要做的就是确保几何图形的“底部”穿过原点。对于您的情况，您可以使用translate()像这样的方法：

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
geometry.translate( 0, 0.5, 0 );

var tween = new TWEEN.Tween( mesh.scale ).to( { y: 2 }, 1000 );
tween.start();

盒子的底部将保持固定，并且盒子的高度将发生变化。

三.js r.73