问题标签 [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 回答
2243 浏览

javascript - 根据所选对象更新 dat.gui

当前工作代码

我试图弄清楚如何更新/更改/刷新 dat.gui 以反映我当前的选择。我的目标是生成一些随机立方体,然后选择一个立方体进行操作,例如:旋转、缩放、更改位置等。

第一步是能够选择一个立方体并能够控制一些东西,来自 dat.gui 的任何东西。在下面的示例中,我只想显示所选对象的名称。我觉得如果我解决了这个问题,我可以添加方法来控制旋转、位置等。

我正在尝试实现这样的目标,但是这段代码很旧且难以理解。

0 投票
4 回答
10941 浏览

javascript - 如何更改 dat.gui 下拉菜单的位置?

我正在使用 dat.gui,我想将它放置在与右上角不同的位置,最好是在顶部重叠三个.js 画布,这是通过命令完成的,还是有一些 css 可以解决问题?

0 投票
1 回答
179 浏览

javascript - 这个 dat.gui 添加函数中的第三个参数是什么意思?

我很新dat.GUI。我一直在 stackoverflow 中阅读 dat.gui 的问题和答案。我对此有一个问题。

函数中第三个参数是什么意思gui.add?IEA[i]

谢谢!

0 投票
2 回答
2116 浏览

javascript - 带参数的 Dat.gui 函数调用?

我很新dat.gui。根据这个小教程,您可以从 gui 调用对象的函数,只需将其传递给 gui 的add函数:

是否可以将参数传递给explode函数?

谢谢!

0 投票
0 回答
810 浏览

javascript - 如何调整 dat.gui 高度?

我正在尝试将 gui DOM 元素附加到(小)div 容器而不是默认 HTML 文档。因为我需要为较小的容器调整它的大小,所以我正在尝试:

(高度属性的 5*20-1 来自 5 行,每行 20 像素)。

autoPlace 有效,宽度有效,但高度无效。

我还尝试直接更改 DOM 元素样式(就像对顶部和左侧属性所做的那样):

......但它也没有工作。

有人可以把我放在正确的轨道上来控制gui的高度吗?在一天结束时,我试图手动获取一个较小容器内的 gui 比例,与完整窗口中的相同。

0 投票
1 回答
685 浏览

javascript - 从 Object 生成的 dat.GUI

我第一次使用 dat.gui 为我感兴趣的电视节目创建搜索系统。我首先创建了一个对象,其中节目标题作为键,搜索查询作为值。一切都很好,直到我将其付诸实践,并且每次都搜索最后一个密钥。当我这样做时,我担心会发生这种情况,但无论如何都想不到。我考虑过使用window['string']从字符串中设置变量名,但无法弄清楚它在我的情况下是如何工作的。

我正在使用用户脚本,所以我有一些限制。我的脚本如下:

无论按下什么按钮,都会搜索最后一个查询(Z Nation)。我该如何解决这个问题?

编辑:
我已经更新了代码,但仍然无法正常工作。

编辑:
代码不再创建复选框,而是创建按钮列表。问题依然存在,现在进行演示。

0 投票
1 回答
392 浏览

javascript - dat.GUI 单击时调整大小

我有一个用户脚本,用于添加预定义搜索的自定义列表。为此,我使用创建了一个 GUI,并遍历对象的键以创建按钮列表。键的值用作搜​​索查询。

我的 JavaScript:

基本上,每当我单击“关闭控件”按钮时,它都会决定永远跟随我的鼠标调整大小,直到刷新。即使我尝试重新打开 GUI,它仍然会跟随鼠标。我想它会对按钮做同样的事情,尽管它们在点击时会转到一个新页面,所以它会重置 gui。

我怎样才能解决这个问题?此外,是否有 dat.GUI 的 API 或任何文档?

0 投票
1 回答
1615 浏览

javascript - 禁用 dat.GUI 文件夹

我的示例使用“DAT.GUI.min.js”。选择其他文件夹选项时,我需要禁用/启用文件夹选项。例如,当检查“ visibleImagex文件夹”时,必须启用文件夹“ fixImagex”,但是当未检查“ visibleImagex文件夹”时,必须禁用文件夹'fixImagex'。

我的例子是:

0 投票
0 回答
1420 浏览

user-interface - 使用 three.js 时无法将文本输入直接添加到 dat.gui

我在使用three.js 时遇到了一些dat.gui 问题,用户无法在gui 中手动输入输入。在用户单击其文本框之前,整数参数不会改变。发生这种情况时,它们仅通过鼠标的移动而改变 - 因为向上移动光标会增加值,向下移动会减少它。用户不能为这些参数输入值。gui的大小也不稳定。当用户以任何方式单击它时,它的宽度和高度会像整数参数的值一样发生变化。

当我在没有三个.js 组件的环境中测试我的 dat.gui 时,我发现我的问题类似于用户单击输入框并按住光标,然后四处移动鼠标。尽管像这样进行测试,但 gui 的大小保持不变。

你知道会发生什么吗?

下面是我的代码 -

下面是three.js 代码。这取自这个 three.js 示例 - http://threejs.org/examples/#webgl_interactive_cubes

我正在将 DAT.GUI.min.js 中的 css 元素的 z-index 更改为非常积极,希望这会将 gui 放在画布上方。我无法在代码或任何 .js 脚本源文件中找到 WebGL 画布的 zIndex。但是,不幸的是,我遇到了同样的问题,用户可以看到 gui,能够突出显示输入框,但不能在 gui 中输入任何值。

0 投票
1 回答
993 浏览

javascript - 如何向 dat.gui 添加工具提示

有没有人找到添加tooltips到 dat.gui 条目的方法?

似乎没有class分配给他们,所以我该如何选择它们?