在 Three.js 中更新网格几何？

Question

我有两个网格：mesh1 和 mesh2。两者都具有相同数量的顶点并具有拉伸。

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”用于位置和颜色等动画。我不确定这是否有助于在顶点开始变化时查看动画。

我愿意：

new TWEEN.Tween( mesh2.geometry.vertices ).to( mesh1.geometry.vertices, 1000 ).start();

但不起作用。对不起我的英语水平。

Answer 1

正如您所见，这不起作用 - 部分原因是每次调用更新网格顶点时，您还必须为这些帧中的每一帧调用 geometry2.verticesNeedUpdate = true;。

--

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