Stack Overflow
Stack Overflow

Questions tagged [dat.gui]

Dat.gui is a small JavaScript library to render some GUI elements like sliders, color pickers, etc.

Repository: https://github.com/dataarts/dat.gui

Documentation: http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage

182 questions
35
votes
3 answers

Is it possible to create a button using dat.gui

I would like to create a button using dat.gui library. In a perfect world, this would work like this: gui.add("button", "click me");
Lonelydatum
  • 1,148
  • 1
  • 13
  • 26
24
votes
9 answers

refresh dat.gui with new values

I would like to refresh the dat.gui menu with new values. I have loaded a model and display in folder the name of the objects inside a gui folder. How can I display the new object name when I reload a other model ? Or it's possible to reset/clear…
user2244365
  • 577
  • 2
  • 5
  • 10
15
votes
2 answers

DAT.gui - production ready alternative

i am a happy user of DAT.gui for local debugging and controls of charts that i'm working on, but i need something that has basically the same functionality control int or float range with a slider pick a color but i need it to be bit more…
kodisha
  • 1,074
  • 13
  • 24
14
votes
6 answers

How to delete dat.GUI element?

I found this function to remove a gui element but i think it is outdated. So far I haven't been able to find anyone else who knows how to remove any part of a gui, whether its an entire dat.GUI() or just an added element to a dat.GUI(). The first…
user2287949
  • 233
  • 2
  • 4
  • 7
11
votes
4 answers

How do I change the location of the dat.gui dropdown?

I am using dat.gui, and I would like to position it somewhere different than the top right, preferably at the top overlapping a three.js canvas, is this accomplished through commands, or is there some css that will do the trick?
rich green
  • 1,143
  • 4
  • 13
  • 31
11
votes
8 answers

dat.gui how to hide menu with code

I made a menu using dat.gui for my applcation with Three.js. It works fine, I have also discovered that pressing h key I can hide the menu created with dat.gui. My question is how can I make the menu appear/disappear directly from the code? var gui…
Giancarlo
  • 141
  • 1
  • 1
  • 6
10
votes
3 answers

Issue while using dat.GUI in a three.js example

I tried to use dat.GUI in the following three.js example. I just did the following code changes to add a GUI to adjust mesh opacity. var loader=new THREE.VTKLoader(); loader.load ("models/vtk/bunny.vtk", function(geom){ var mesh = new…
George Neil
  • 357
  • 1
  • 4
  • 14
9
votes
1 answer

OrbitControls and dat.gui text doesn't work

I am using three.js and dat.gui with a text property. Also, I have OrbitControls in my scene: cameraControl = new THREE.OrbitControls(camera); cameraControl.update(); But there is a problem with this kind of scene. The text at the GUI doesn't work.…
Xatpy
  • 273
  • 2
  • 13
7
votes
2 answers

Method for disabling a button in dat.gui?

I am trying to figure out a way to easily disable/enable buttons within dat.gui. I have dat.gui set up to control an animation. When the animation reaches its end, I want the "Play" button to become disabled. I have tried adding a "disabled"…
Jeff Fohl
  • 2,047
  • 2
  • 23
  • 26
7
votes
2 answers

Saving parameters with dat.gui seems broken?

There seems to be a problem with saving parameters in dat.gui, or I'm missing something really obvious.. The problem shows when clicking the gear icon which should open a popup with the JSON to be saved. Also saving to local storage does not work…
navFooh
  • 183
  • 1
  • 7
7
votes
1 answer

remove folder in dat.Gui

I'm using dat.GUI and want to replace a folder with new content. var gui = new dat.GUI(); var folder = gui.addFolder('someString'); // sometime later ... var newFolder = gui.addFolder('someString'); // causes an error So I need a way to remove the…
Stefan Ramson
  • 531
  • 1
  • 6
  • 18
6
votes
2 answers

Default Dropdown value dat.gui

I'm extremely new to javascript and dat.gui so bear with me. I'm wondering how to create a drop down menu with a default value at the top: so i have something like: gui.add(text, 'language', ['english','spanish','french']); How could I make that…
DSquad
  • 101
  • 5
6
votes
2 answers

Creating An Alias For Property Name In dat.gui

I'm trying to use dat.gui in a three.js project to allow the visible property of various elements in the scene to be toggled on and off. Functionally, this works fine. However, the issue that I am having is because I am creating a checkbox for the…
user3351605
  • 1,271
  • 3
  • 19
  • 30
6
votes
1 answer

How to add tooltips to dat.gui

Has anybody found a way to add tooltips to the dat.gui entries? It seems there is no class assigned to them so how can I select them?
gaitat
  • 12,449
  • 4
  • 52
  • 76
5
votes
0 answers

Can you check if a dat.gui interface is being interacted with?

I was wondering if you could check if a dat.gui interface is being interacted with. I have a hold and drag behaviour in my code that let's me rotate the camera. But there is a situation where I try to change a value in my interface by holding and…
Kob
  • 77
  • 6
1
2 3
…
12 13