[three.js使用GUI切换模型

[three.js toggle through models using GUI

本文关键字:模型 GUI 使用 three js      更新时间:2023-09-26

我的场景中有一些模型,使用dat.gui我希望能够在不同的模型之间切换。

到目前为止,我已经尝试过使用以下代码来更改可见性:

var gui = new dat.GUI();
var controls = {
toggleObjects: function(){
g3white.traverse(function(child){child.visible = true;});
g3black.traverse(function(child){child.visible = false;});
}
};
gui.add(controls, 'toggleObjects');

然而,我不断收到破坏我的代码的错误:Uncaught TypeError:undefined不是函数

此外,我希望有两个以上的模型,点击一个按钮,模型就会显示,所有其他的都会隐藏起来。

这是最好/最简单的方法吗?还是我应该做其他事情?

任何帮助都很感激,我有点像三个.js的初学者。

您应该遍历场景,检查子对象是否是您想要的对象,然后打开/关闭可见性。