动态添加网格的内存释放不起作用

mer*_*erv 5 javascript memory-leaks webgl three.js

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

场景更新很好,但内存正在爆炸,这告诉我,一旦它离开场景,我就不会正确地释放被移除的网格.

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

$.each(parent.children, function (idx, obj) {
  parent.remove(obj);
  renderer.deallocateObject(obj);
  obj.deallocate();
});
Run Code Online (Sandbox Code Playgroud)

这里parent是一个Object3D我放在网格中,并且renderer是一个实例WebGLRenderer.

谁能告诉我我做错了什么以及如何正确地做到这一点?

这里有一个普拉克与目前我的例子.相关代码位于scene.js文件中,第76-86行.请注意,该示例使用的是r53.

Ger*_*ro3 4

您不会释放已使用的几何体

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