blocks|key|42551|text|我认为看到你对addEntity和removeEntity代码的使用会很有帮助，但我的第一个想法是，你实际上是在设置object.name吗？在scene.add(Object)之前尝试一下您的加载器；如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42552|object.name+=+"test_name";
scene.add(object);|code-block|syntax|javascript|42553|可能发生的情况是，Object3D的默认“名称”为""，因此，当您随后调用removeEntity函数时，由于场景对象名称为"“，因此调用失败。|42554|另外，我注意到你把object.name传给了你的加载器？这是您存储资源的URL的地方吗？如果是这样的话，我建议使用Object3D内置的.userData方法来存储该信息，并保留name字段以用于场景识别。|42555|编辑:对新添加的代码的响应|42556|首先要注意的是，在你的对象名中包含"/“不是一个好主意，它似乎工作得很好，但你永远不知道是否有一些算法会决定转义该字符串并破坏你的项目。|42557|第二件事就是我已经看过你的代码了，它实际上是直接的。您的删除函数正在尝试按名称删除，您需要一个Object3D才能删除。试试这个：|42558|function+removeEntity(object)+{
++++var+selectedObject+=+scene.getObjectByName(object.name);
++++scene.remove(+selectedObject+);
++++animate();
}|42559|在这里，您可以看到我通过传入Object3D标记的name属性在Three.js+Scene中查找您的对象。希望这能有所帮助|offset|length|style|CODE|42560|entityMap^0|0|0|0|0|0|0|0|0|E|8|P|4|15|5|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|18|8|@$U|19|V|1A|W|X]|$U|1B|V|1C|W|X]|$U|1D|V|1E|W|X]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|Z|$]]

I think seeing your usage for addEntity and removeEntity code would be helpful, but my first thought is are you actually setting the object.name? Try in your loader just before scene.add(object); something like this:

<pre><code>object.name = "test_name";
scene.add(object);
</code></pre>

What might be happening is the default "name" for an Object3D is "", so when you then call your removeEntity function it fails due to the scene objects name being ""

Also, I notice you pass in object.name to your loader? Is this where your storing the URL to the resource? If so, I would recommend using the Object3D's built in .userData method to store that information and keep the name field for scene identification purposes.

Edit: Response to newly added Code

First thing to note is it's not a great idea to have "/" in your object name, it seems to work fine but you never know if some algorithm will decide to escape that string and break your project.

Second item is now that I've seen your code, its actually straight forward whats going on. Your delete function is trying to delete by name, you need an Object3D to delete. Try this:

<pre><code>function removeEntity(object) {
 var selectedObject = scene.getObjectByName(object.name);
 scene.remove( selectedObject );
 animate();
}
</code></pre>

Here you see I lookup your <code>Object3D</code> in the Three.js <code>Scene</code> by passing in your object tag's <code>name</code> attribute. Hope that helps

blocks|key|2726744|text|我和你有同样的问题。我尝试了这段代码，它工作得很好:当您创建对象时，将这个object.is_ob+=+true|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2726745|function+loadOBJFile(objFile){++++++++++++
++++/*+material+of+OBJ+model+*/++++++++++++++++++++++++++++++++++++++++++
++++var+OBJMaterial+=+new+THREE.MeshPhongMaterial({color:+0x8888ff});
++++var+loader+=+new+THREE.OBJLoader();
++++loader.load(objFile,+function+(object){
++++++++object.traverse+(function+(child){
++++++++++++if+(child+instanceof+THREE.Mesh)+{
++++++++++++++++child.material+=+OBJMaterial;
++++++++++++}
++++++++});
++++++++object.position.y+=+0.1;
++++++//+add+this+code
++++++++object.is_ob+=+true;

++++++++scene.add(object);
++++});+++++
}

function+addEntity(object)+{
++++loadOBJFile(object.name);
}|code-block|syntax|javascript|2726746|然后删除你的对象，试试下面的代码：|2726747|function+removeEntity(object){
++++var+obj,+i;
++++++++++++for+(+i+=+scene.children.length+-+1;+i+>=+0+;+i+--+)+{
++++++++++++++++obj+=+scene.children[+i+];
++++++++++++++++if+(+obj.is_ob)+{
++++++++++++++++++++scene.remove(obj);

++++++++++++++++}
++++++++++++}
}|2726748|试一试，告诉我这是否有效，似乎三个js在添加到场景中后无法识别对象。但是通过这个技巧，它起作用了。|2726749|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I had The same problem like you have. I try this code and it works just fine:
When you create your object put this object.is_ob = true

<pre><code>function loadOBJFile(objFile){ 
 /* material of OBJ model */ 
 var OBJMaterial = new THREE.MeshPhongMaterial({color: 0x8888ff});
 var loader = new THREE.OBJLoader();
 loader.load(objFile, function (object){
 object.traverse (function (child){
 if (child instanceof THREE.Mesh) {
 child.material = OBJMaterial;
 }
 });
 object.position.y = 0.1;
 // add this code
 object.is_ob = true;

 scene.add(object);
 }); 
}

function addEntity(object) {
 loadOBJFile(object.name);
}
</code></pre>

And then then you delete your object try this code:

<pre><code>function removeEntity(object){
 var obj, i;
 for ( i = scene.children.length - 1; i &gt;= 0 ; i -- ) {
 obj = scene.children[ i ];
 if ( obj.is_ob) {
 scene.remove(obj);

 }
 }
}
</code></pre>

Try that and tell me if that works, it seems that three js doesn't recognize the object after added to the scene. But with this trick it works.

blocks|key|42798|text|你可以使用这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42799|function+removeEntity(object)+{
++++var+scene+=+document.querySelectorAll("scene");+++++++++++++++++++++++++++++++//clear+the+objects+from+the+scene
++++for+(var+i+=+0;+i+<+scene.length;+i%2B%2B)+{++++++++++++++++++++++++++++++++++++//loop+through+to+get+all+object+in+the+scene
++++var+scene+=document.getElementById("scene");++++++++++++++++++++++++++++++++++
++++scene.removeChild(scene.childNodes[0]);++++++++++++++++++++++++++++++++++++++++//remove+all+specified+objects
++}+++|code-block|syntax|javascript|42800|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use this

<pre><code>function removeEntity(object) {
 var scene = document.querySelectorAll("scene"); //clear the objects from the scene
 for (var i = 0; i &lt; scene.length; i++) { //loop through to get all object in the scene
 var scene =document.getElementById("scene"); 
 scene.removeChild(scene.childNodes[0]); //remove all specified objects
 } 
</code></pre>

blocks|key|43918|text|clearScene:+function()+{
++++var+objsToRemove+=+_.rest(scene.children,+1);
++++_.each(objsToRemove,+function(+object+)+{
++++++++++scene.remove(object);
++++});
},|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|43919|它使用undescore.js遍历场景中的所有子对象(第一个除外)(这是我用来清除场景的代码的一部分)。只需确保在删除后至少渲染一次场景，否则画布不会更改！不需要“特殊的”obj标志或类似的东西。|unstyled|offset|length|style|BOLD|43920|此外，您不能按名称删除对象，而只能按对象本身删除，因此调用|43921|scene.remove(object);+|43922|而不是scene.remove(object.name);就足够了|CODE|43923|PS：_.each是underscore.js的一个函数|43924|entityMap|0|LINK|mutability|MUTABLE|url|http://underscorejs.org/^0|0|1N|13|0|0|T|0|0|0|X|3|Q|0|0|S|3|6|A|D|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|12|8|@$G|13|H|14|I|J]]|9|@]|A|$]]|$1|K|3|L|5|F|7|15|8|@$G|16|H|17|I|J]]|9|@]|A|$]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|A|$B|C]]|$1|O|3|P|5|F|7|19|8|@$G|1A|H|1B|I|J]|$G|1C|H|1D|I|Q]]|9|@]|A|$]]|$1|R|3|S|5|F|7|1E|8|@$G|1F|H|1G|I|J]|$G|1H|H|1I|I|Q]]|9|@$G|1J|H|1K|1|1L]]|A|$]]|$1|T|3|-4|5|F|7|1M|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]]]

<pre><code>clearScene: function() {
 var objsToRemove = _.rest(scene.children, 1);
 _.each(objsToRemove, function( object ) {
 scene.remove(object);
 });
},
</code></pre>

this uses undescore.js to iterrate over all children (except the first) in a scene (it's part of code I use to clear a scene). just make sure you render the scene at least once after deleting, because otherwise the canvas does not change! There is no need for a "special" obj flag or anything like this.

Also you don't delete the object by name, just by the object itself, so calling

<pre><code>scene.remove(object); 
</code></pre>

instead of <code>scene.remove(object.name);</code>
can be enough

PS: <code>_.each</code> is a function of <a href="http://underscorejs.org/">underscore.js</a>

blocks|key|42626|text|如果您的元素不直接位于场景中，请返回父级将其移除|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42627|++function+removeEntity(object)+{
++++++++var+selectedObject+=+scene.getObjectByName(object.name);
++++++++selectedObject.parent.remove(+selectedObject+);
++++}|code-block|syntax|javascript|42628|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If your element is not directly on you scene go back to Parent to remove it

<pre><code> function removeEntity(object) {
 var selectedObject = scene.getObjectByName(object.name);
 selectedObject.parent.remove( selectedObject );
 }
</code></pre>

blocks|key|2517179|text|这工作得很好-我测试过了，请为每个对象设置名称|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2517180|在创建时为对象命名|2517181|++++mesh.name+=+'nameMeshObject';|code-block|syntax|javascript|2517182|如果您必须删除对象，请使用此选项|2517183|++++delete3DOBJ('nameMeshObject');



++++function+delete3DOBJ(objName){
++++++++var+selectedObject+=+scene.getObjectByName(objName);
++++++++scene.remove(+selectedObject+);
++++++++animate();
++++}|2517184|打开新场景，添加对象|2517185|📷|atomic|offset|length|2517186|​|2517187|删除对象并创建新对象|2517188|2517189|2517190|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/93d2b0c03044793da968b838d29e8ec9.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/4cf9d19f974bfd25bad0929d3d5eae50.png^0|0|0|0|0|0|0|0|1|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1D|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1E|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1G|8|@]|9|@$R|1H|S|1I|1|1J]]|A|$]]|$1|T|3|U|5|6|7|1K|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1L|8|@]|9|@]|A|$]]|$1|X|3|P|5|Q|7|1M|8|@]|9|@$R|1N|S|1O|1|1P]]|A|$]]|$1|Y|3|U|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|Z|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16|17|-4]]|18|$5|12|13|14|A|$15|19|17|-4]]]]

THIS WORKS GREAT - I tested it 
so, please SET NAME for every object 

give the name to the object upon creation 

<pre><code> mesh.name = 'nameMeshObject';
</code></pre>

and use this if you have to delete an object 

<pre><code> delete3DOBJ('nameMeshObject');



 function delete3DOBJ(objName){
 var selectedObject = scene.getObjectByName(objName);
 scene.remove( selectedObject );
 animate();
 }
</code></pre>

open a new scene , add object
<a href="https://i.stack.imgur.com/3vstm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3vstm.png" alt="open new scene , add object"></a>

delete an object and create new
<a href="https://i.stack.imgur.com/KXk2W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KXk2W.png" alt="delete object and create new"></a>

blocks|key|42910|text|我开始将它保存为一个函数，并根据需要调用它，以满足任何反应的需要：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42911|function+Remove(){
++++while(scene.children.length+>+0){+
++++scene.remove(scene.children[0]);+
}
}|code-block|syntax|javascript|42912|现在，您可以在适当的地方调用Remove()；函数。|42913|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I started to save this as a function, and call it as needed for whatever reactions require it:

<pre><code>function Remove(){
 while(scene.children.length &gt; 0){ 
 scene.remove(scene.children[0]); 
}
}
</code></pre>

Now you can call the Remove(); function where appropriate.

blocks|key|2727007|text|使用:scene.remove(+object+)时，对象将从场景中移除，但与其的碰撞仍处于启用状态！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2727008|要删除与对象的拼接，您可以使用它(对于数组)：objectsArray.splice(i，1)；|2727009|示例：|2727010|for+(var+i+=+0;+i+<+objectsArray.length;+i%2B%2B)+{
//:::+each+object+::://
var+object+=+objectsArray[i];+
//:::+remove+all+objects+from+the+scene+::://
scene.remove(object);+
//:::+remove+all+objects+from+the+array+::://
objectsArray.splice(i,+1);+|code-block|syntax|javascript|2727011|}|2727012|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

When you use : scene.remove(object);
The object is removed from the scene, but the collision with it is still enabled !

To remove also the collsion with the object, you can use that (for an array) : 
objectsArray.splice(i, 1);

Example :

<pre><code>for (var i = 0; i &lt; objectsArray.length; i++) {
//::: each object ::://
var object = objectsArray[i]; 
//::: remove all objects from the scene ::://
scene.remove(object); 
//::: remove all objects from the array ::://
objectsArray.splice(i, 1); 
</code></pre>

}

blocks|key|2517572|text|this示例可能会给您一种不同的方法。我也在尝试用scene.remove(mesh)在我的项目中实现类似的功能。然而，网格的几何和材质属性的处理对我来说是有效的！source|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2517573|entityMap|0|LINK|mutability|MUTABLE|url|https://threejs.org/examples/?q=memory#webgl_test_memory|1|https://github.com/mrdoob/three.js/blob/master/examples/webgl_test_memory.html^0|P|I|0|4|0|2A|6|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]|$9|V|A|W|1|X]]|E|$]]|$1|F|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]|N|$5|I|J|K|E|$L|O]]]]

<a href="https://threejs.org/examples/?q=memory#webgl_test_memory" rel="nofollow noreferrer">this</a> example might give you a different approach . I was trying to implement a similar feature in my project also with <code>scene.remove(mesh)</code>. However disposal of geometry and material attributes of mesh worked for me!
<a href="https://github.com/mrdoob/three.js/blob/master/examples/webgl_test_memory.html" rel="nofollow noreferrer">source</a>

blocks|key|2517575|text|我来晚了，但在看了答案后，需要说更多的澄清。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2517576|您编写的remove函数|2517577|function+removeEntity(object)+{
++++//+scene.remove();+it+expects+as+a+parameter+a+THREE.Object3D+and+not+a+string
++++scene.remove(object.name);+//+you+are+giving+it+a+string+=>+it+will+not+remove+the+object
}|code-block|syntax|javascript|2517578|从Three.js场景中删除3D对象的好做法|2517579|function+removeObject3D(object3D)+{
++++if+(!(object3D+instanceof+THREE.Object3D))+return+false;

++++//+for+better+memory+management+and+performance
++++object.geometry.dispose();
++++if+(object.material+instanceof+Array)+{
++++++++//+for+better+memory+management+and+performance
++++++++object.material.forEach(material+=>+material.dispose());
++++}+else+{
++++++++//+for+better+memory+management+and+performance
++++++++object.material.dispose();
++++}
++++object.removeFromParent();+//+the+parent+might+be+the+scene+or+another+Object3D,+but+it+is+sure+to+be+removed+this+way
++++return+true;
}|2517580|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I came in late but after reading the answers more clarification needs to be said.
<h2>The remove function you wrote</h2>
<pre><code>function removeEntity(object) {
 // scene.remove(); it expects as a parameter a THREE.Object3D and not a string
 scene.remove(object.name); // you are giving it a string =&gt; it will not remove the object
}
</code></pre>
<h2>A good practice to remove 3D objects from Three.js scenes</h2>
<pre><code>function removeObject3D(object3D) {
 if (!(object3D instanceof THREE.Object3D)) return false;

 // for better memory management and performance
 object.geometry.dispose();
 if (object.material instanceof Array) {
 // for better memory management and performance
 object.material.forEach(material =&gt; material.dispose());
 } else {
 // for better memory management and performance
 object.material.dispose();
 }
 object.removeFromParent(); // the parent might be the scene or another Object3D, but it is sure to be removed this way
 return true;
}
</code></pre>

blocks|key|42771|text|我改进了removeObject3D的易卜拉欣代码，添加了一些几何或材质检查|type|unstyled|depth|inlineStyleRanges|entityRanges|data|42772|removeObject3D(object)+{
++++if+(!(object+instanceof+THREE.Object3D))+return+false;
++++//+for+better+memory+management+and+performance
++++if+(object.geometry)+{
++++++++object.geometry.dispose();
++++}
++++if+(object.material)+{
++++++++if+(object.material+instanceof+Array)+{
++++++++++++//+for+better+memory+management+and+performance
++++++++++++object.material.forEach(material+=>+material.dispose());
++++++++}+else+{
++++++++++++//+for+better+memory+management+and+performance
++++++++++++object.material.dispose();
++++++++}
++++}
++++if+(object.parent)+{
++++++++object.parent.remove(object);
++++}
++++//+the+parent+might+be+the+scene+or+another+Object3D,+but+it+is+sure+to+be+removed+this+way
++++return+true;
}|code-block|syntax|javascript|42773|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I improve Ibrahim code for removeObject3D, added some checks for geometry or material
<pre><code>removeObject3D(object) {
 if (!(object instanceof THREE.Object3D)) return false;
 // for better memory management and performance
 if (object.geometry) {
 object.geometry.dispose();
 }
 if (object.material) {
 if (object.material instanceof Array) {
 // for better memory management and performance
 object.material.forEach(material =&gt; material.dispose());
 } else {
 // for better memory management and performance
 object.material.dispose();
 }
 }
 if (object.parent) {
 object.parent.remove(object);
 }
 // the parent might be the scene or another Object3D, but it is sure to be removed this way
 return true;
}
</code></pre>

blocks|key|43040|text|使用scene.remove(Object)要从场景中移除的对象|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|43041|entityMap^0|2|K|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Use
<code>scene.remove(Object)</code>
The object you want to remove from the scene

I'm using ThreeJS to develop a web application that displays a list of entities, each with corresponding "View" and "Hide" button; e.g. entityName View Hide. When user clicks View button, following function is called and entity drawn on screen successfully.

<pre><code>function loadOBJFile(objFile){ 
 /* material of OBJ model */ 
 var OBJMaterial = new THREE.MeshPhongMaterial({color: 0x8888ff});
 var loader = new THREE.OBJLoader();
 loader.load(objFile, function (object){
 object.traverse (function (child){
 if (child instanceof THREE.Mesh) {
 child.material = OBJMaterial;
 }
 });
 object.position.y = 0.1;
 scene.add(object);
 }); 
}

function addEntity(object) {
 loadOBJFile(object.name);
}
</code></pre>

And on clicking Hide button, following function is called:

<pre><code>function removeEntity(object){
 scene.remove(object.name);
}
</code></pre>

The problem is, entity is not removed from screen once loaded when Hide button is clicked. What can I do to make Hide button to work? 

I did small experiment. I added <code>scene.remove(object.name);</code> right after <code>scene.add(object);</code> within <code>addEntity</code> function and as result, when "View" button clicked, no entity drawn (as expected) meaning that <code>scene.remove(object.name);</code> worked just fine within <code>addEntity</code>. But still I'm unable to figure out how to use it in removeEntity(object).

Also, I checked contents of scene.children and it shows: [object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Complete code: <a href="http://devplace.in/~harman/model_display1.php.html">http://devplace.in/~harman/model_display1.php.html</a>

Please ask, if more detail is needed. I tested with rev-59-dev and rev-60 of ThreeJS. 

Thanks. :)

ThreeJS: Remove object from scene

我正在使用ThreeJS开发一个web应用程序，它显示一个实体列表，每个实体都有相应的“查看”和“隐藏”按钮；例如，entityName 视图隐藏。当用户单击查看按钮时，将调用以下函数并将实体成功绘制到屏幕上。function loadOBJFile(objFile){                /* materi...

问ThreeJS:从场景中移除对象
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ThreeJS:从场景中移除对象EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ThreeJS:从场景中移除对象
EN