如何使用three.js隐藏和显示场景

Question

我正在使用Three.js webgl库创建场景。我在第一个场景中有一个纹理。单击此纹理，我试图导航到下一个场景。我编写了一个函数来处理这个场景以移动到下一个场景。单击此纹理，它将按预期移动到第二个场景，但它显示在第一个场景的顶部。所以，我想知道如何以编程方式显示或隐藏场景。

Answer 1

您可以使用以下内容：

function setVisibility (parent, node)
{
    node.visible = parent.visible;
}

function traverseVisibility (parent, callback)
{
    var child, i, num_children = parent.children.length;

    for (i = num_children - 1; i >= 0; i--)
    {
        child = parent.children[i];
        callback (parent, child);
        traverseVisibility (child, callback);
    }
}

yourNode.visible = false; // or true

traverseVisibility (yourNode, setVisibility);