问题标签 [dat.gui]

我有一个 gui，用户可以在其中选择不同的形状以使用下拉菜单进行渲染。这很好用。现在我想显示一个带有一些滑块的文件夹。滑块的计数、名称和最小/最大值因选择的形状而异。我怎样才能用 dat.gui 做到这一点。

如何在three.js gui菜单中编写具有特定颜色的项目。或者在项目菜单之前添加一个具有特定颜色的正方形或圆形。

谢谢

我想用新值刷新 dat.gui 菜单。我已经加载了一个模型并在文件夹中显示了 gui 文件夹中对象的名称。
重新加载其他模型时如何显示新对象名称？
或者可以重置/清除 gui。

我有一个已被实例化多次的类，我想为所有这些类更改某个实例变量。我将如何使用 dat.js 执行此操作？

例如

如何更改 MyClass 的所有实例的 x 变量。

我发现这个函数可以删除一个 gui 元素，但我认为它已经过时了。到目前为止，我还没有找到知道如何删除 gui 任何部分的其他人，无论是整个 dat.GUI() 还是只是添加到 dat.GUI() 的元素。第一个可能足以满足我的需要（只需将 dat.GUI() 一起删除），但任何一个都会非常有帮助！

应该删除一个 dat.GUI()

...

但是返回错误：无法调用未定义的方法'removeChild'，所以我猜测autoPlaceContainer 是错误的。

这个函数的原作者留下了这些注释：

其中参数 gui 表示要删除的 DAT.GUI，parent 是父容器，如果在实例化 DAT.GUI 时未指定 domElement，则无需传递父容器。

尝试寻找这样的东西，但我没有运气。我正在尝试打开一个新选项卡，其中包含我的 webgl 图像当前状态的屏幕截图。基本上，它是一个 3d 模型，能够更改显示的对象、对象的颜色和背景颜色。目前，我正在使用以下内容：

此行成功使用我的模型的当前图像打开一个新选项卡，但不显示当前背景颜色。它也无法正确显示选项卡名称。相反，选项卡名称始终为“PNG 1024x768”。

有没有办法改变我的 window.open 以显示背景颜色？正确的选项卡名称也很好，但背景颜色是我最关心的问题。

请原谅 SEO 友好的标题，但我想让我目前正在解决的问题尽可能容易理解。对于那些希望自定义 dat.gui 外观的人，您需要下载源代码并使用 require.js 将其包含在此处的说明中：https ://code.google.com/p/dat- gui/ .

现在我的问题。我正在做一个项目，该项目需要构建一个与 Javascript 进行大量实时集成的 UI（我正在使用 three.js），我决定修改 dat.gui 来创建这个 ui；为了尽快将其与backbone.js 集成为视图集合。

我希望切换到使用 dat.gui 源文件来编辑样式

首先，我使用上面链接中的说明从串联的 dat.gui.min.js 切换到源代码。我将整个源代码放在我的库文件夹中它自己的文件夹中，并将 main.js 文件的 require.js err ... 需要放在“src”文件夹中。我这样做是因为在 dat.gui 的“GUI.js”中链接了依赖项。

一切似乎都正确链接，我使用与以前创建 dat.guis 基本相同的代码，但我不断收到未定义的错误，这取决于我如何在原始代码或 main 中更改 gui 变量。 js。我对 require.js 的理解非常有限，我觉得它是它工作方式不可或缺的一部分（对于有知识的人来说，这绝对是那些非常简单的问题之一）

这是位于 /libraries/dat-gui/src 的 main.js 文件（此目录还包括 text.js ）

这是我原来的 dat.gui 定义代码的骨架：

我得到的错误是：

或者

取决于我如何处理这些变量以及 main.js 中 //No namespace required 下的位。我不明白命名空间是如何工作的，因为我对整个 javascript 还是很陌生。

有人有什么想法吗？再说一次，我想说这可能是那些真正的愚蠢时刻之一，但我仍然非常感谢您的帮助。

非常感谢！

我正在尝试手动更新 dat.gui 控制器。我遵循了此页面上的详细信息：http ://workshop.chromeexperiments.com/examples/gui/#10--Updating-the-Display-Manually但它仍然对我不起作用。这是我的代码示例：

我是否正确地说我应该能够将变量 config.FrontColour 更新为新颜色。然后在 dat.gui 控制器的相关 gui.__controller 上调用 updateDisplay() 以显示这种新颜色？

我一直在尝试找出一种使用 Dat.gui 为单个面板或 gui 设置样式的方法。

做这个的最好方式是什么？我可以在 DOM 中搜索面板名称，然后应用样式，但这似乎是一个过于复杂的解决方案。

我正在构建一个简单的 Web 应用程序。作为其中的一部分，我想使用 dat.GUI，因为它似乎是最简单的方法。

我想做的事：我正在使用three.js 来显示一个对象。在这个对象上，我想要某种 GUI（当前使用 dat.GUI），它允许用户输入搜索词并点击按钮，然后调用使用搜索词的函数。

到目前为止，我已经创建了一个名为 search term 的变量并将其添加到 GUI。这工作正常并显示变量的值。GUI 还能够侦听变量并在其更改后进行更新。但我无法修改该值。我还添加了一个字段来调整我在 three.js 中添加到 szene 的光的强度。对于 GUI 的这一部分，通过拖动栏来调整值是可行的，但尝试输入一个值却不行。

代码看起来像这样：

任何关于为什么我不能编辑其他易于使用的 GUI 的值或建议的帮助将不胜感激。