如何在three.js中隐藏和显示场景中的对象答案

【问题标题】：How to hide and show an object on scene in three.js如何在three.js中隐藏和显示场景中的对象
【发布时间】：2017-03-05 14:31:12
【问题描述】：

我的场景中有一个由球体组成的对象。我有一个隐藏和显示按钮。
我的程序流程是这样的。例如，当我选择一个球体时（我使用光线投射来选择一个球体）然后单击隐藏按钮，该球体将被隐藏。然后单击显示按钮它将显示出来。但我不知道我该怎么做。
我使用 three.js 来创建我的场景。
而且我没有找到任何关于我的问题的例子。我该怎么做？
感谢您的帮助。

【问题讨论】：

每个Object3D 都有一个.visible 属性。来自 (r84) threejs.org/docs/index.html?q=object3#Reference/Core/Object3D
其实我想举个例子。因为我无法想象。
@ŞeymaYaman 你想要什么样的例子？如何将属性设置为true 或false？
jsfiddle 小例子。我试着写，但我得到一个错误。
这就是为什么最好展示你已经尝试过的东西（jsfiddle、codepen 等）

标签： javascript three.js show-hide scene

【解决方案1】：

在three.js中只需使用对象遍历的方法隐藏网格即可。在我的代码中根据其名称隐藏对象

object.traverse ( function (child) {
    if (child instanceof THREE.Mesh) {
        child.visible = true;
    }
});

这是对象显示/隐藏选项的工作示例 http://jsfiddle.net/ddbTy/287/

我觉得应该会有帮助，..

【讨论】：

谢谢。这对我很有帮助。

【解决方案2】：

试试这个：

object.visible = false; //Invisible
object.visible = true;  //Visible

【讨论】：