webgl给予Three.js的开发——删除或隐藏构件

其实隐藏构件很简单，最主要的是选择构件。

具体见上一篇博客：

https://blog.csdn.net/niuge8905/article/details/80850547

我们添加构件都是用sence.add(object)来添加，同样的道理，删除的话，我们直接用remove就好。

raycaster.setFromCamera(mouse, camera);

            // calculate objects intersecting the picking ray
            var intersects = raycaster.intersectObjects(scene.children);
            if (select && intersects.length>0)
            {
                scene.remove(intersects[0].object);
                select = false;
            }

最后效果：

至于怎么隐藏，那也很简单，直接修改mesh的visible属性即可。

var intersects = raycaster.intersectObjects(scene.children);
            if (select && intersects.length>0)
            {
                intersects[0].object.visible = false;
                select = false;
            }