Three.js - Reload Сцена с начала

Question

Я создаю визуальный редактор: я добавляю/удаляю/преобразую объекты.

Моя первоначальная сцена имеет только плоскость как пол (5000x5000).

Я хочу, чтобы «перезагрузить» сцену с начала, то есть удалить все, кроме пола, нажав кнопку «Новый».

Как это возможно?

Answer 1

Вы можете пересечь объект сцены, проверить, какие у вас есть объекты, а затем удалить их. Если есть некоторые Meshes, которые вы хотите сохранить, укажите для них атрибут или имя и также проверьте это имя.

Следующий пример функции clearScene() удаляет по вызову все меши из сцены, которые имеют keepMe - атрибут набор для ложных или не имеют один вообще:

floor = new THREE.Mesh(/* ... */); 
floor.userData = { keepMe: true }; 

// ... 

function clearScene() { 
    var to_remove = []; 

    scene.traverse (function(child) { 
     if (child instanceof THREE.Mesh && !child.userData.keepMe === true) { 
      to_remove.push(child); 
     } 
    }); 

    for (var i = 0; i < to_remove.length; i++) { 
     scene.remove(to_remove[i]); 
    } 
} 

Jsfiddle: http://jsfiddle.net/L0rdzbej/138/

Исключение-исправление на основе этого answer от @gaitat