更新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; })到您的補間。