No puedo eliminar objetos usando Three.JS

Question

Estoy usando Three.JS para hacer un plano y poner algunas cajas sobre él Necesito quitar todos los cuadros a veces. Así que estoy tratando de hacerlo con el siguiente código:

for (i = 0; i < scene.children.length; i ++) { 
    var object = scene.children[ i ]; 
    if (object != plane && object != camera) { 
     scene.remove(object); 
    } 
} 

/Este matar a cada objeto que no es el plano o la cámara ;-)/

Se elimina algunas cajas, pero no todos ellos = ( ¿Cómo puedo eliminar todas las cajas? saludos, José

Answer 1

Tiene que volver al frente, no de adelante hacia atrás, al eliminar objetos de la matriz como este.

var obj, i; 
for (i = scene.children.length - 1; i >= 0 ; i --) { 
    obj = scene.children[ i ]; 
    if (obj !== plane && obj !== camera) { 
     scene.remove(obj); 
    } 
} 

Lo que está pasando es cuando se quita un nodo, todos los que después de turno. Supongamos que quita scene.children [0]: children [1] se convertirá en el nuevo 0, 2 se convertirá en 1, etc. Al pasar de 0 a array.length, el bucle for ya se ha movido y omite 1 nodo por cada uno que elimines

Como una ventaja adicional, esto debería ir un poco más rápido, especialmente si tiene muchos objetos, ya que scene.children.length solo se obtiene una vez, en lugar de cada ciclo.

Answer 2

debe utilizar! == en lugar de! = (es un poco más rápido). ¿te ha intentado a paso a través de su bucle y comprobar los niños de la escena Después de eso, tal vez agregaste algunas cajas al avión como niños que no serán eliminadas por este lazo.

Answer 3

@Crazycatz respuesta es correcta, por supuesto, pero ahora estamos en 2016 y en lugar de repetición manual, puede simplemente llamar .slice() y iterar sobre matriz de copia:

scene.children.slice().forEach(obj => scene.remove(obj)) 

o sin ES6 extras:

scene.children.slice().forEach(function(obj) { scene.remove(obj); })