釋放three.js中的內存

Question

我的應用程序加載了很多網格。 擺脫舊的網格我嘗試處置它們。但內存永遠不會被釋放。

我錯過了什麼？

我再現簡單的例子：大二進制網格

1. 負載100
2. 處置所有的人再次

3. 鉻任務經理說250MB的內存使用，它的完全一樣，沒有第2步

   MEMTEST

   var scene = new THREE.Scene(); 
   var mymesh=Array(); 
   
   // 1. load a lot of geometry/meshes... 
   
   for(var i=0;i<100;i++) 
   { 
       var bloader; 
       bloader = new THREE.BinaryLoader(); 
   
       bloader.load("objekte/presto_6.js" , function(geometry) 
       { 
        mymesh.push(new THREE.Mesh(geometry, new THREE.MeshBasicMaterial({color:0xffffff }))); 
        scene.add(mymesh.length-1); 
       }); 
   } 
   
   // 2. try to dispose objects and free memory... 
   
   for(var j=0;j<mymesh.length;j++) 
   { 
       mymesh[j].geometry.dispose(); 
       mymesh[j].material.dispose(); 
       screne.remove(mymesh[j]); 
   } 
   
   mymesh=Array(); 
   
   </script> 
   

Answer 1

可能是一個錯字，但如果它不是：screne.remove(mymesh[j]);應該比scene.remove(mymesh[j]);

其他：的rember（或發現）JS如何管理記憶。它的垃圾收集器是一個清掃GC。這是不被任何地方引用，然後清除它們下一次GC踢標誌物：

for(var j=0;j<mymesh.length;j++) 
{ 
    mymesh[j].geometry.dispose(); 
    mymesh[j].material.dispose(); 
    scene.remove(mymesh[j]); 
} 

的mymesh陣列仍包含對你attemting釋放網格對象的引用。 GC看到這個參考文獻，因此避免標記這些對象。重新分配，刪除，要麼這些特定鍵的整個數組，你不再需要：

for(var j=0;j<mymesh.length;j++) 
{ 
    mymesh[j].geometry.dispose(); 
    mymesh[j].material.dispose();//don't know if you need these, even 
    scene.remove(mymesh[j]); 
    mymesh[j] = undefined;//or 
    delete(mymesh[j]); 
} 
//or simply: 
mymesh = undefined;//or some other value 

這使得內存被釋放，除非其他變量保持在範圍上引用一些或所有這些對象了。
作爲asside：

mymesh=Array(); 

是在許多層面上糟糕的代碼。以UpperCase開頭的JS函數是構造函數，應該叫做使用new關鍵字，儘管大多數構造函數（尤其是本地對象）只能被調用。
他們的行爲是不可預知的，而且也經常寫代碼更短的方式：

mymesh = [];//an array literal 
//example of werird behaviour: 
mymesh = new Array(10);//[undefined, undefined, undefined....] 
mymesh = [10]; 
mymesh = new Array('10');//['10'] 
mymesh = new Array(1.2);//RangeError 
var o = new Object(123);//returns new Nuber 
o = new Object('something');//new String 
o = new Object(false);//new Boolean 
o = new Object('foo', 'bar');//new String('foo')!!! 
o = {foo: 'bar'};//<-- this is soooo much easier