从three.js场景中删除网格的光线投射和onMouseClick问题

Question

当我单击4个网格时，我正在尝试从我的three.js场景中删除它们。我似乎不知道问题出在哪里。我可以更改几何材质，但当我尝试删除它们时，它不起作用。下面是我的光线投射代码

var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();

function onMouseClick( event ) {

    mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
    mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;

    raycaster.setFromCamera( mouse, camera );

    var intersects = raycaster.intersectObjects([a, b, c, d]);

    for ( var i = 0; i < intersects.length; i++ ) {

    if (intersects[ i ].object.geometry.type == "PlaneGeometry") {
            intersects[ i ].object.parent.remove(intersects[ i ].object);
        }
    }

}

Answer 1

可能是intersects[ i ].object.parent是null，所以不会发生删除。