从三个JS

Question

我正在尝试从场景中删除一组对象，scene.remove(group)无效。

这是我的装载机：

GLTFloader.load( src+'.gltf', function ( gltf ) {
                gltf.scene.traverse( function ( child ) {
                    if(child.type === "Group")
                    {
                        newObject = true;
                        GLTFobjects.push(child);
                    }
                    if ( child.isMesh ) {
                        child.receiveShadow = true;
                        child.castShadow = true;
                        child.material.transparent = true;
                        child.material.opacity = 0.7;
                    }
                } );
                scene.add( gltf.scene );

            },function ( xhr ) {

                console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );

            },
            // called when loading has errors
            function ( error ) {

                console.log( 'An error happened' );
                console.log(error);

            }
        );

GLTFobjects 是包含我所有对象的全局数组。

GLTFobjects的每个成员都是组类型，假设应删除此数组的第一个元素。

我尝试了以下操作：

scene.remove(GLTFobjects[0])

和：

GLTFobjects.children.forEach(function (value,index) {
                    scene.remove(value);
                });

甚至：

GLTFobjects[0].traverse(function (e) {
                        scene.remove(e);
                    });

什么都没做。

如何从场景中删除组对象？

注意： GLTFobjects[0]如下所示（如果有帮助的话）：

{…}​castShadow: false​children: Array(7) [ {…}, {…}, {…}, … ]​frustumCulled: true​id: 24​layers: Object { mask: 1 }​matrix: Object { elements: (16) […] }​matrixAutoUpdate: true​matrixWorld: Object { elements: (16) […] }​matrixWorldNeedsUpdate: false​modelViewMatrix: Object { elements: (16) […] }​name: "House3"​normalMatrix: Object { elements: (9) […] }​parent: Object { uuid: "E6BE42B7-C7D3-4617-83E5-83EACD0948B6", name: "Scene", type: "Scene", … }​position: Object { x: 0, y: 1.1222255229949951, z: -16.519949752598595 }​quaternion: Object { _x: 0, _y: 0, _z: 0, … }​receiveShadow: false​renderOrder: 0​rotation: Object { _x: 0, _y: 0, _z: 0, … }​scale: Object { x: 1, y: 1, z: 1 }​type: "Group"​up: Object { x: 0, y: 1, z: 0 }​userData: Object {  }​uuid: "9F7508DD-E1C2-481D-AF49-57EE3973C27F"​visible: true​<prototype>: Object { constructor: Group(), isGroup: true } 

Answer 1

gltf.scene已添加到scene而非您的GLTFobjects组中。

如果您添加了GLTFobjects，则只需执行以下操作：

  

GLTFobjects.remove（GLTFobjects.getObjectByName（“ cube”））;

或

  

GLTFobjects.remove（GLTFobjects.children [0]）;