问题标签 [dat.gui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
376 浏览

three.js - 在 dat.gui 中为不同的选择显示不同的滑块

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

0 投票
1 回答
1255 浏览

user-interface - 如何在three.js gui中更改项目的颜色

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

谢谢

0 投票
9 回答
20634 浏览

javascript - 用新值刷新 dat.gui

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

0 投票
1 回答
320 浏览

javascript - 使用 dat.gui 在多个实例中更改变量

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

例如

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

0 投票
5 回答
8900 浏览

user-interface - 如何删除 dat.GUI 元素?

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

应该删除一个 dat.GUI()

...

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

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

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

0 投票
2 回答
8127 浏览

three.js - WebGL的WebGL单帧“截图”

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

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

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

0 投票
1 回答
1278 浏览

javascript - 与 require.js 的非连接 dat.gui 源。自定义或模板化 dat.gui

请原谅 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 还是很陌生。

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

非常感谢!

0 投票
2 回答
1221 浏览

javascript - 手动更新 dat.gui

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

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

0 投票
1 回答
1934 浏览

javascript - dat.gui 自定义 css 类

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

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

0 投票
5 回答
4589 浏览

javascript - dat.GUI 用户输入不起作用

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

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

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

代码看起来像这样:

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