Threejs从场景中删除所有对象

Question

我尝试在一次拍摄中创建一个从场景中删除所有对象的函数,但它只删除了一个用于调用的对象.

GeometryModel.prototype.clearScene = function(scene) {
var i;
for(i=0; i < scene.children.length; i++){
     obj = scene.children[i];
     scene.remove(obj);
  }
}

我试过的另一个解决方案是有效的:

scene.children={};

但我不确定它是否正确.

Answer 1

你必须做相反的事情:

for( var i = scene.children.length - 1; i >= 0; i--) { }

因为在每次迭代中,.children一旦.remove()从头开始执行a操作,数组就会更改,并且该数组的索引会发生更改.

如果您想更好地理解它,请展开for循环并按照索引进入数组.

Answer 2

你可以用while实现这个目标:

while (object.children.length)
{
    object.children.remove(object.children[0]);
}

解释:

object.children.length返回真如果object.children.length 不为0,如果它等于0,则返回错误.

所以只要对象有子元素,您就必须删除第一个子元素.

Answer 3

首选方法是使用场景的traverse函数。所有对象都具有此功能，并且将通过父对象的子对象进行深度优先搜索。

这是杜布先生本人的摘录。

scene.traverse( function ( object ) {
    if ( object instanceof THREE.Mesh ) {
        var geometry = object.geometry;
        var matrixWorld = object.matrixWorld;

        ...

    }
});

这是 r82 的一些来源：

traverse: function ( callback ) {
    callback( this );
    var children = this.children;
    for ( var i = 0, l = children.length; i < l; i ++ ) {
        children[ i ].traverse( callback );
    }
}

您还可以在您的情况下使用traverseVisible：

scene.traverseVisible(function(child) {
   if (child.type !== 'Scene') {
      scene.remove(child);
   }
});