如何在three.js中补间对象顶点

Question

您好，我需要能够补间对象的“高度”。我环顾四周，似乎我需要将 .z 值等于当前高度的顶点分别补间到它们的新高度。

这是我到目前为止所得到的，但什么也没发生。我在每个 .z 值等于旧高度的顶点上循环调用 tweenVertex。

var tweenVertex = function(object, vertex, height){
    object.geometry.dynamic = true;
    new TWEEN
    .Tween({amount: vertex.z})
    .to({amount: height}, 2000)
    .onUpdate(function () {
         vertex.z = this.amount;
    })
    .start();
    object.geometry.verticesNeedUpdate = true;};

Answer 1

这里有更多的东西，将补间设置为变量，不要在补间变量中使用对象声明，声明新的数字变量，然后将补间作为数组运行。 最后，不要像scale = xx那样手动设置对象的参数，总是使用函数scale.set（vals），改变属性还有更多操作要做，比如光照，材质，都必须更新，类函数做更新三.js 发布后，您永远不会遇到任何麻烦

from = 10;//vertex.z
to = 15;//height

var tween = new TWEEN
    .Tween({amount: from})
    .to({amount:to}, 2000)
    .onUpdate(function () {
         //vertex.z = this.amount;
object.scale.set(0,0,this.amount);
    })
    .start();