Javascript 在Three.js中更新网格几何体?

Javascript 在Three.js中更新网格几何体?,javascript,three.js,tween.js,Javascript,Three.js,Tween.js,我有两个网格:网格1和网格2。两者都具有相同数量的顶点并具有拉伸 mesh1 = 5000 vertices. mesh2 = 5000 vertices. 我将mesh2的顶点指定给mesh1。那么我会: mesh2.geometry.verticesNeedUpdate = true; mesh2.geometry.vertices = mesh1.geometry.vertices; 因此,将更新mesh2的顶点。但这发生得太快了。当动画将mesh2的顶点转换为mesh1的顶点时,我看

我有两个网格:网格1和网格2。两者都具有相同数量的顶点并具有拉伸

mesh1 = 5000 vertices.
mesh2 = 5000 vertices.
我将mesh2的顶点指定给mesh1。那么我会:

mesh2.geometry.verticesNeedUpdate = true;
mesh2.geometry.vertices = mesh1.geometry.vertices;
因此,将更新mesh2的顶点。但这发生得太快了。当动画将mesh2的顶点转换为mesh1的顶点时,我看不到动画

我想看到malla2开始变成malla1时的变换,我的意思是看到顶点在变化时的动画

我使用“Tween.js”来制作位置和颜色等动画。我不确定这是否有助于在顶点开始更改时查看动画

我有:


但这不管用。抱歉我的英语水平。

正如您所看到的,这不起作用——部分原因是,对于每个更新网格顶点的调用,您还必须调用
geometry2.verticesNeedUpdate=true用于这些帧中的每一帧

--


更具体地说,我认为您需要将
.onUpdate(function(){geometry2.verticesNeedUpdate=true;})
添加到您的tween中。

正如您所看到的,这不起作用——部分原因是对于更新网格顶点的每次调用,您还必须调用
geometry2.verticesNeedUpdate=true用于这些帧中的每一帧

--


更具体地说,我认为您需要将
.onUpdate(function(){geometry2.verticesNeedUpdate=true;})
添加到您的孩子中。

谢谢!或多或少是解决我问题的办法。谢谢!或多或少是解决我问题的办法。
new TWEEN.Tween( mesh2.geometry.vertices ).to( mesh1.geometry.vertices, 1000 ).start();