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

javascript - 如何在 dat.gui 的控件中隐藏和显示文件夹?

我想从dat.gui的控件中隐藏一个文件夹。隐藏我的意思是隐藏,而不是关闭。我不想让用户看到文件夹名称,也不想让他在隐藏时打开它。我将根据其他选项的值以编程方式控制文件夹的可见性。

例如:

我应该放什么而不是根据论点// ???改变可见性?folderval

是否dat.gui提供此功能?还是每次我想更改文件夹的可见性时,我是否坚持创建相同控件的多个版本并使用正确的元素创建一个新版本?

0 投票
1 回答
1740 浏览

javascript - dat.gui 从外部 JSON 加载设置?

我有一个带有 dat.gui 界面的 webapp,我希望人们能够相互分享他们的设置。我知道您可以将预设保存到 localStorage 文件,或者将它们作为 JSON 对象直接保存在源中。( http://workshop.chromeexperiments.com/examples/gui/#5--Saving-Values )

我在旧版本的 dat.gui 中看到有一个saveURL()函数,我认为它在查询字符串中传递了设置。(https://dat-gui.googlecode.com/git-history/v0.3.2/index.html

在当前版本中是否可以在页面加载时将任意 JSON 传递给 gui,或者通过查询字符串指定指向 JSON 文件的链接?

0 投票
1 回答
1172 浏览

javascript - Save dat.gui presets for dynamically added controls?

I'm dynamically adding controls to a dat.gui interface, but the "save settings" functionality doesn't recognize them.

The controls all work as expected, but when I click the gear icon, the settings JSON only contains the first control, or any other controls I add in the normal way:

I assume I'm confusing the remember() functionality somehow, any ideas?

0 投票
1 回答
268 浏览

javascript - Chrome 控制台中 javascript 对象摘要中的神秘字母

当我在 Chrome 的控制台中记录一个 javascript 对象时,我会看到一个对象列表:

单击每个三角形会展开对象,但是这些字母是什么意思?它们似乎在对象本身中没有任何表示。

(作为参考,这是一个 dat.guigui.__controllers对象,字母似乎对应于控制器类型:d = dropdown,p = silder,k = 颜色选择器。按类型引用控制器会很方便,我可以使用那些信来做到这一点?)

0 投票
1 回答
1068 浏览

javascript - 如何获取 dat.gui 控制器类型?

我有一个带有多个控制器的 dat.gui 实例。我可以使用 获取它们的列表gui.__controllers,但我没有看到任何显示其类型的属性(下拉菜单、滑块、颜色选择器等)。

有没有办法得到他们的类型,也许是通过对象?

0 投票
1 回答
331 浏览

javascript - 是否可以使用 Dat.gui 添加没有任何对象的滑块?

我想有一个快捷方式:

就像是:

处理我没有任何对象来构建滑块的非常常见的情况。相反,我想根据 GUI 中滑块的值构建新对象。

例如,在绘图应用程序中,用户需要选择要绘制/添加的对象的参数,然后单击添加,最后要通过更改滑块来修改。这意味着没有对象来构建滑块,但所有选定的对象都将在 onChange 事件上由 GUI 修改。

处理这个问题的最佳方法是什么?

0 投票
2 回答
3434 浏览

javascript - 在 dat.gui 中禁用按钮的方法?

我试图找出一种方法来轻松禁用/启用 dat.gui 中的按钮。

我设置了 dat.gui 来控制动画。当动画结束时,我希望禁用“播放”按钮。我尝试向按钮的 DOM 元素添加“禁用”属性,但在设置此属性后单击按钮时,我仍然看到相应的函数触发。

我目前的方法如下:

  1. 在dat.gui界面中找到li按钮对应的元素
  2. 创建一个新的半透明黑色 DOM 元素,并将其添加到li元素内部以使按钮的内容变灰。
  3. 在绑定到该按钮的函数中,检查按钮内是否存在这个“已禁用”的 DOM 元素,如果存在,则不要执行该函数的其余部分。

这是一个 hack,我很想知道是否有一些方法可以禁用 dat.gui 中内置的按钮,或者我不知道的更好的方法。

0 投票
2 回答
2212 浏览

javascript - 在 dat.gui 中开始更改事件

dat.gui中似乎没有onStartChange事件,有简单的解决方法吗?

0 投票
1 回答
332 浏览

javascript - 需要帮助使用 Meteor.js 加载 Dat-GUI

我正在尝试 使用我的流星项目加载 Dat-GUI: https ://github.com/dataarts/dat.gui。我在 client/lib 文件夹中添加了 dat-GUI 源代码。这是我的代码:

当我运行服务器时,我收到以下错误:

不过,相同的代码适用于 codepen: http ://codepen.io/praneybehl/pen/DabKv

有谁知道如何使用 Meteor 加载 Dat-GUI。任何帮助将不胜感激。

在此先感谢,普拉尼

0 投票
1 回答
188 浏览

javascript - Data.gui.js 带有确认框的明文

dat.gui.js

我正在尝试使用 DAT.GUI.js 中的文本输入,当我单击输入框时,如果有默认值,则文本输入框应该是清晰的。完成后会弹出一个确认框(Message Box),告知用户输入的信息。

现在,我的代码是这样的,但如果我选择Cancel它不能清除输入文本。如果默认文本不为空,我仍然需要删除世界使用Backspace而且我不希望默认名称“关闭控件”,我可以删除这个吗?

任何建议表示赞赏,谢谢!

解决了