问题标签 [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.
javascript - 根据所选对象更新 dat.gui
我试图弄清楚如何更新/更改/刷新 dat.gui 以反映我当前的选择。我的目标是生成一些随机立方体,然后选择一个立方体进行操作,例如:旋转、缩放、更改位置等。
第一步是能够选择一个立方体并能够控制一些东西,来自 dat.gui 的任何东西。在下面的示例中,我只想显示所选对象的名称。我觉得如果我解决了这个问题,我可以添加方法来控制旋转、位置等。
我正在尝试实现这样的目标,但是这段代码很旧且难以理解。
javascript - 如何更改 dat.gui 下拉菜单的位置?
我正在使用 dat.gui,我想将它放置在与右上角不同的位置,最好是在顶部重叠三个.js 画布,这是通过命令完成的,还是有一些 css 可以解决问题?
javascript - 如何调整 dat.gui 高度?
我正在尝试将 gui DOM 元素附加到(小)div 容器而不是默认 HTML 文档。因为我需要为较小的容器调整它的大小,所以我正在尝试:
(高度属性的 5*20-1 来自 5 行,每行 20 像素)。
autoPlace 有效,宽度有效,但高度无效。
我还尝试直接更改 DOM 元素样式(就像对顶部和左侧属性所做的那样):
......但它也没有工作。
有人可以把我放在正确的轨道上来控制gui的高度吗?在一天结束时,我试图手动获取一个较小容器内的 gui 比例,与完整窗口中的相同。
javascript - 从 Object 生成的 dat.GUI
我第一次使用 dat.gui 为我感兴趣的电视节目创建搜索系统。我首先创建了一个对象,其中节目标题作为键,搜索查询作为值。一切都很好,直到我将其付诸实践,并且每次都搜索最后一个密钥。当我这样做时,我担心会发生这种情况,但无论如何都想不到。我考虑过使用window['string']
从字符串中设置变量名,但无法弄清楚它在我的情况下是如何工作的。
我正在使用用户脚本,所以我有一些限制。我的脚本如下:
无论按下什么按钮,都会搜索最后一个查询(Z Nation)。我该如何解决这个问题?
编辑:
我已经更新了代码,但仍然无法正常工作。
编辑:
代码不再创建复选框,而是创建按钮列表。问题依然存在,现在进行演示。
javascript - dat.GUI 单击时调整大小
我有一个用户脚本,用于添加预定义搜索的自定义列表。为此,我使用dat.gui创建了一个 GUI,并遍历对象的键以创建按钮列表。键的值用作搜索查询。
我的 JavaScript:
基本上,每当我单击“关闭控件”按钮时,它都会决定永远跟随我的鼠标调整大小,直到刷新。即使我尝试重新打开 GUI,它仍然会跟随鼠标。我想它会对按钮做同样的事情,尽管它们在点击时会转到一个新页面,所以它会重置 gui。
我怎样才能解决这个问题?此外,是否有 dat.GUI 的 API 或任何文档?
javascript - 禁用 dat.GUI 文件夹
我的示例使用“DAT.GUI.min.js”。选择其他文件夹选项时,我需要禁用/启用文件夹选项。例如,当检查“ visibleImagex文件夹”时,必须启用文件夹“ fixImagex”,但是当未检查“ visibleImagex文件夹”时,必须禁用文件夹'fixImagex'。
我的例子是:
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 中输入任何值。
javascript - 如何向 dat.gui 添加工具提示
有没有人找到添加tooltips
到 dat.gui 条目的方法?
似乎没有class
分配给他们,所以我该如何选择它们?