<p dir="auto">I am using a Three.js file that has not Revision version. It says on top:</p>
<ul dir="auto">
<li><a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/author/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/author">@author</a> mrdoob / <a href="http://mrdoob.com/" rel="nofollow">http://mrdoob.com/</a></li>
<li><a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/author/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/author">@author</a> Larry Battle / <a href="http://bateru.com/news" rel="nofollow">http://bateru.com/news</a></li>
<li><a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/author/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/author">@author</a> bhouston / <a href="http://exocortex.com" rel="nofollow">http://exocortex.com</a></li>
</ul>
<p dir="auto">// based on <a href="https://github.com/documentcloud/underscore/blob/bf657be243a075b5e72acc8a83e6f12a564d8f55/underscore.js#L767">https://github.com/documentcloud/underscore/blob/bf657be243a075b5e72acc8a83e6f12a564d8f55/underscore.js#L767</a></p>
<ul dir="auto">
<li>As I understand there are many authors of this file and they are mentioned inside the file in many places *</li>
</ul>
<p dir="auto">@ Browser: Chrome Version 34.0.1847.137 m</p>
<p dir="auto">I load some obj. and .mtl files and I create and add some object in the scene. I put them in an array, so I can detect when they 're clicked succesfully. ( (intersectObjects(objs,true) )</p>
<p dir="auto">Although, when I create simple circle meshes and put them in an array so I can detect them, detection does not fully work. Very difficultly intersectObjects() detects my clicks on the circles (needs 4-5 clicks on average).</p>
<p dir="auto">The strange thing is that when I press F12 and I open the Developer Tools (and then I close it or not,does not matter), everything works perfectly and the circles are easily detected. Very strange. I think something is wrong with intersectObjects(). It seems to me that it does not handle well the meshes.</p>
<p dir="auto">Piece of code (because project is big and complicated):<br>
<a href="https://dl.dropboxusercontent.com/u/100222836/code.js" rel="nofollow">https://dl.dropboxusercontent.com/u/100222836/code.js</a></p>
<p dir="auto">Note: I think couple of days ago console put out an "error" message relate to the .getDescendants function of the Three.js file in the IntersectObjects function.</p>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">Loading textures with a texture loader and loadManager, if the loading image is power of two, memory will be released, if NOT power of two, memory NOT released.</p>
<p dir="auto">Here's the code:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="var mesh0;
function testme(){
	var manager = new THREE.LoadingManager(function(){
		mesh0 = new THREE.Mesh( new THREE.PlaneBufferGeometry( 3, 3 ), new THREE.MeshBasicMaterial( { map: map0 } ) );
		scene.add( mesh0 );
	});

	var texloader = new THREE.TextureLoader(manager);				
	var map0 = texloader.load(&quot;textures/1.png&quot;); 	
}


function delme(){			
	scene.remove(mesh0);
	
	mesh0.geometry.dispose();
	mesh0.material.map.dispose();
	mesh0.material.dispose();
	mesh0 = null;		
}"><pre class="notranslate"><code class="notranslate">var mesh0;
function testme(){
	var manager = new THREE.LoadingManager(function(){
		mesh0 = new THREE.Mesh( new THREE.PlaneBufferGeometry( 3, 3 ), new THREE.MeshBasicMaterial( { map: map0 } ) );
		scene.add( mesh0 );
	});

	var texloader = new THREE.TextureLoader(manager);				
	var map0 = texloader.load("textures/1.png"); 	
}


function delme(){			
	scene.remove(mesh0);
	
	mesh0.geometry.dispose();
	mesh0.material.map.dispose();
	mesh0.material.dispose();
	mesh0 = null;		
}
</code></pre></div>
<p dir="auto">1.png (900x598), memory not released;<br>
2.png (1024x256), memory released</p>
<h5 dir="auto">Three.js version</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Dev</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r87</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r86</li>
</ul>
<h5 dir="auto">Browser</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Chrome</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Firefox</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Internet Explorer</li>
</ul>
<h5 dir="auto">OS</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> Windows</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> macOS</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Linux</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Android</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> iOS</li>
</ul>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>