javascript - 使用 CanvasRenderer 可能存在内存泄漏

Question

我的应用程序遇到内存泄漏。我设法将其归结为一个简单的测试用例:http://jsfiddle.net/729sv/

在场景中添加和删除几何体时，似乎存在泄漏。

当 fiddle 启动时，打开 JavaScript 控制台并单击该对象几次。请注意，Three.js __objectsRemoved[] 数组已打印，并且永远不会变为 0(我认为这意味着垃圾收集器永远不会删除它们)。

以类似的方式，如果您使用 Chrome 配置文件 -> 记录堆分配功能，启动应用程序，单击几次，停止配置文件并过滤“网格”，您会注意到有很多三个.就浏览器而言，Mesh 仍然存在。

如果将渲染器切换为 WebGLRenderer，那么这两个问题都会消失。

这是 CanvasRenderer 中的错误还是我使用不当

Answer 1

这是 CanvasRenderer 中的一个错误。请参阅ThreeJS garbage collection issue

scene = new THREE.Scene();

if ( renderer instanceof THREE.CanvasRenderer ) {

    scene.__lights = { length: 0, push: function(){}, indexOf: function (){ return -1 }, splice: function(){} }
    scene.__objectsAdded = { length: 0, push: function(){}, indexOf: function (){ return -1 }, splice: function(){} }
    scene.__objectsRemoved = { length: 0, push: function(){}, indexOf: function (){ return -1 }, splice: function(){} }

}