javascript - 动态添加的网格的内存重新分配不起作用

Question

我有一个 Mesh 实例，它使用 TubeGeometry 作为它的路径。当我更改 TubeGeometry 实例所基于的基础曲线时，我将从场景中移除网格，然后创建一个新的。

场景更新正常，但内存正在爆炸，这告诉我一旦它离开场景我就没有正确地重新分配移除的网格。

这是我试图用来解除分配的代码:

$.each(parent.children, function (idx, obj) {
  parent.remove(obj);
  renderer.deallocateObject(obj);
  obj.deallocate();
});

parent 是一个 Object3D，我在其中放置了 Mesh，renderer 是 < strong>WebGLRenderer.

任何人都可以告诉我我做错了什么以及如何正确地做这件事吗？

Here's a Plunk with my currently example.相关代码在 scene.js 文件中，第 76-86 行。请注意，该示例使用的是 r53。

Answer 1

你没有释放使用过的几何体

$.each(parent.children, function (idx, obj) {
  parent.remove(obj);
  renderer.deallocateGeometry(obj.geometry);
  renderer.deallocateObject(obj);
  obj.geometry.deallocate();
  obj.deallocate();
});