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

javascript - 将 two.js 与 dat.GUI 链接

我想将更改letter.linewidth = 10与 dat.GUI 中的控件链接。

这是完整letter变量的代码:

要向 dat.GUI 添加一个元素,它会在文档“ The property must be public, i.e. defined by this.prop = value”中说明,但是当我this.在它前面添加时letter.linewidth会破坏 two.js 的功能并且不会解释 SVG。

我对 JavaScript 有点陌生,很难弄清楚这一点。

任何帮助将不胜感激。

0 投票
0 回答
77 浏览

ionic-framework - dat.GUI 控件未在 Ionic 中正确呈现

我在我的项目中使用了 dat.GUI。在我的本地主机上看起来像这样 -原始

但是,当我将它嵌入到我的 Ionic 项目中时,它看起来像这样 -在 Ionic 下 ,滑块没有显示并且手动输入值不起作用。这些按钮正在工作,但它们之间有一个奇怪的白色补丁。

我检查了任何覆盖的 css,但找不到任何。出了什么问题?

0 投票
1 回答
1950 浏览

javascript - Three.JS- STL Loader - Uncaught TypeError: Cannot read property 'scale' of undefined

我正在加载五个元素STL Loader来创建一个表格。我正在尝试申请dat.gui调整Tabletop.STL它的规模。

下面是代码

如果我使用从加载的 insteddat.gui创建的多维数据集,那么它适用于多维数据集。BoxGeometryTabletop.STL

但是现在我已经Tabletop.STL为表格的顶面加载而不是立方体,并声明了所有Tabletop.STL全局变量,如loader, material, mesh. Uncaught TypeError: Cannot read property 'scale' of undefined仍然像下面的函数行一样给我错误

谁能告诉我我在哪里犯错?

0 投票
0 回答
964 浏览

three.js - 用当前变量值刷新 dat.gui

我正在使用 dat.gui,我有一个名为 variab 的全局变量(在此处显示的 setupGui 函数之外),它在运行时动态变化,我想在 dat.gui 呈现的框中显示当前值。为此,我编写了以下代码:

但它不起作用,我已经尝试了 Three.js 中的所有建议:无法更改 dat.GUI 中的值,例如使用 listen() 和 updateDisplay() 方法。请注意 setupGui() 会持续运行,而不仅仅是一次。

我该如何解决我的问题?提前致谢

0 投票
1 回答
277 浏览

javascript - 使用 dat.gui 滑块从 Blender json / collada 在 three.js 中旋转骨骼

我想知道如何操作从 Blender 导出的 json / collada 文件的骨骼。尝试这样做一段时间无济于事。

我希望能够使用滑块(通过 dat.gui)来旋转每个骨骼

谁能指出我正确的方向或帮助?

我想最终得到一个人体模型,在那里我可以使用 dat.gui 滑块操纵每个骨骼/肢体

0 投票
2 回答
1539 浏览

javascript - TypeError:在three.js 中使用DAT.gui() 时未定义DAT

我正在尝试DAT.gui在我的代码中使用来控制相机three.js

我在文件中包含以下内容index.html

我确保从build文件夹中获取文件

my.js当我在文件中使用以下代码时

我收到以下错误TypeError: DAT is undefined。我也尝试使用dat.GUI小写字母,但仍然是同样的问题。似乎my.js无法访问DAT.GUI.min.js但为什么可以访问其他文件。

0 投票
2 回答
1276 浏览

javascript - Javascript 从 dat.GUI 获取值

嗨所以我有一个代码如下 dat.GUI 界面。

如何将 gui 中的 x 值转换为变量?例如

如果我这样做var xval = obj1;了,console.log(xval)那么我会得到这个Object {x=5}只是想知道如何将 5 的值放入变量中。我在这里先向您的帮助表示感谢!

0 投票
1 回答
868 浏览

javascript - 扩展或定义新 dat.gui 属性控制器的最佳方法?

我想向 DAT.GUI 实例添加一些新的属性控制器类型。

我花了很长时间在源代码中四处乱窜,我也找不到任何关于创建新控制器类型的最小路径的信息。

具体来说,我希望 DAT.GUI 使用我的新控制器之一,只要受控属性是具有“标志”属性的对象(表示使用自定义控件,以及对象需要哪种特定类型的自定义控件。 )

我以前的方法是使用现有控制器的代码作为我的新自定义控制器的基础,在我能看到的地方复制和修改适用。我复制了对布尔类型的所有引用(为了简单起见),但最终复制粘贴了大量代码并绝望地四处寻找我不太理解的补丁,只是试图让我的对象不导致整个事情破坏。到目前为止没有成功。

然后我尝试背负颜色控制器功能,因为我发现它们已经设置为检测“对象”类型的属性,但是颜色功能的复杂性是压倒性的,所以现在我来到了这里作为我最后的手段。

我可以理解控制器本身如何处理所有事件和更新,这只是正确定义新控制器并将其注册到 DAT.GUI 所需的步骤,这让我感到困惑。

任何人都可以提供(如果不是解决方案)甚至一些关于采取方法的建议吗?或者也许有人知道提供有关 API 的更多详细信息以及如何扩展它的在线资源。

0 投票
1 回答
3926 浏览

three.js - dat.GUI 和 Three.js:dat 未定义

我不能让它在我的项目中包含一个 dat.GUI 元素。

甚至放置一个

让我的 Three.js 几何消失

“数据未定义”

有什么提示吗?

0 投票
0 回答
600 浏览

javascript - 更新 three.js EdgesHelper 几何

我正在使用 dat.gui 滑块动态调整three.js 中的对象,并且我有一个关于three.js EdgesHelper 类的问题。

如下例所示,EdgesHelper 对象 box_edges 的几何形状不会在重新定位框的顶点时自动更新。

我试过使用

无济于事。我还尝试了 matrixUpdate() 和 applyMatrix() 方法。

那么如何确保 EdgesHelper 对象“跟踪”几何对象呢?