gpt4 book ai didi

javascript - Three.js 中的类型错误 : DAT is undefined when using DAT. gui()

转载 作者:行者123 更新时间:2023-11-28 06:13:17 26 4
gpt4 key购买 nike

我正在尝试在代码中使用 DAT.gui 来控制 third.js 上的摄像头

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

<script type='text/javascript' src='../_libs/DAT.GUI.min.js'></script>

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

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

var gui = new DAT.GUI();
gui.add(camera.position, 'x', -500,500).step(5);
gui.add(camera.position, 'y', -500,500).step(5);
gui.add(camera.position, 'z', 1000,5000).step(5);

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

最佳答案

它应该是这样的小写..

var gui = new dat.GUI();
gui.add(camera.position, 'x', -500,500).step(5);
gui.add(camera.position, 'y', -500,500).step(5);
gui.add(camera.position, 'z', 1000,5000).step(5);

现在大写就像你做的那样:

var gui = new DAT.GUI();
gui.add(camera.position, 'x', -500,500).step(5);
gui.add(camera.position, 'y', -500,500).step(5);
gui.add(camera.position, 'z', 1000,5000).step(5);

这就是为什么它说 DAT 未定义。希望这有帮助!

编辑

嗯,我刚刚看到你尝试了小写.. 好吧,这里的问题是缩小的 javascript 版本.. 我真的不推荐 min.js... 你能尝试 .js 吗?

编辑2

嗯,这次,您可以通过格式化所有代码来进行检查吗:

var params = {
z: 100
}

gui.add(params, 'z', -500, 500).step(5).onChange(function(value) {
camera.position.z = value;
});

如果这不起作用,就需要一个插头。

关于javascript - Three.js 中的类型错误 : DAT is undefined when using DAT. gui(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36191729/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com