首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何更改dat.GUI上的滑块值以及如何重置dat.GUI

如何更改dat.GUI上的滑块值以及如何重置dat.GUI
EN

Stack Overflow用户
提问于 2016-12-15 08:29:05
回答 0查看 5.8K关注 0票数 3

1)我正在开发一个dat.GUI应用程序,上面有两个滑块。当另一个发生变化时,我想重置另一个。例如:

代码语言:javascript
复制
 var FizzyText = function() {
   this.slider1 = 0;
   this.slider2 = 0;
};
var gui = new dat.GUI();
var text = new FizzyText();
var slider1 = gui.add(text, 'slider1', 0, 5);
var slider2 = gui.add(text, 'slider2', 0, 5);

slider1.onChange(function(value){
  console.log(value); 
  text.slider2 = 0; // this doesn't work
});

slider2.onChange(function(value){
  console.log(value);
  text.slider1 = 0; // this doesn't work
});

这只是一个示例,但是将滑块重置或设置为其默认值(在FizzyText中)是非常重要的。

上面的例子来自https://workshop.chromeexperiments.com/examples/gui/#9--Updating-the-Display-Automatically,我不能自动更新滑块

2)我想添加一个重置按钮,其中所有的滑块都将被重置。但是使用前面的答案,我可以重置所有的值

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41154519

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档