javascript - 用 dat.gui 隐藏 THREE.Mesh

Question

我正在尝试创建 3 个建筑物的简单 3D 形状，假设我从轮廓开始（每条线的开始/结束都有 X 和 Y）然后挤压它们。

谷歌没有帮助我，所以如果可以的话，我恳请你看看。我将线条作为图像附加（仅供参考）。

然后我怎样才能做一个小 dat.GUI 开关来打开/关闭形状（我不确定如何将几何图形与 gui 连接）。

谢谢！

Answer 1

ATHREE.Mesh是THREE.Object3d定义属性的子类visible，如果您不想渲染网格，只需通过 dat.gui 实例将属性设置为 false

var cube = new THREE.Mesh(geometry, material)
scene.add(cube)

var dat = new dat.GUI()
dat.add(cube, 'visible')

演示