javascript - Three.js:更新几何与替换

Question

我有一个包含很多对象的场景，使用 ExtrudeGeometry。这些中的每一个都需要更新每个帧，其中正在变化的形状正在变化，以及挤出量。这些形状是使用 d3 的 voronoi 算法生成的。

See example.

现在我通过从场景中移除每个对象并在每一帧重新绘制它们来实现这一点。这非常昂贵并且会导致性能问题。有没有办法编辑每个网格/几何体而不是从场景中移除？这对性能有帮助吗？或者是否有更有效的重绘场景的方法？

我需要编辑挤出的形状和挤出量。

感谢您的关注!

Answer 1

如果你不改变面的数量，你可以使用变形目标 http://threejs.org/examples/webgl_morphtargets.html

你应该

1. 创建你的几何图形
2. 克隆几何图形并对其进行修改，例如几何柱的最大长度

3. 例如，将两个几何体设置为基础几何体的变形目标

   baseGeo.morphTargets.push( {名称:“targetName”，顶点:[modifiedVertexArray]});

之后，您可以使用 mesh.updateMorphTargets() 为网格设置动画

参见 http://threejs.org/examples/webgl_morphtargets.html