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
Questions tagged [dat.gui]
182 questions
5
votes
1 answer
Radio buttons with dat.gui
I am working with the check boxes in three js.I have created a user control panel in which I have added check boxes.What I want to do is when I click on any check box when the other check box is already checked the previous one should be…
Naren
- 73
- 2
- 6
5
votes
2 answers
Display floating point with starting values in DAT.GUI
I have a small menu made with dat.gui JavaScript library. I use different lines with some initial values which are displayed (these initial values are modified during the execution of code).
My issue is, for example, that instead of display a value…
user1773603
5
votes
2 answers
Javascript Getting values from dat.GUI
Hi so I have a code as follows for dat.GUI interface.
var gui = new dat.GUI();
var obj1 = { x: 5};
gui.add(obj1, 'x');
How do I get the value of x from the gui into a variable?
for example
var xval = (something that returns the value of x from the…
Jason Ma
- 53
- 3
5
votes
2 answers
On start change event in dat.gui
There seem to be no onStartChange event in dat.gui, is there a simple workaround?
arthur.sw
- 11,052
- 9
- 47
- 104
5
votes
3 answers
Drop down menu not work
I'm developing an easy web application, and I'm using two js libraries: dat.gui and three.js.
My problem is the drop down menu is locked. I can't open it.
// gui initialization (dat.gui)
function initGui() {
var Options = function() {
…
optimusfrenk
- 1,271
- 2
- 16
- 34
5
votes
1 answer
dat.gui custom css class
I've been trying to figure out a way to style individual panels or gui's using Dat.gui.
What is the best way to do this? I could search for panel names in the DOM then apply the style but it seems like an overly complicated solution.
jthompson
- 229
- 2
- 15
5
votes
2 answers
How to add datgui controls for camera in threejs?
I want to to enable dat-gui controls for the threejs camera in the basic threejs example on this page:
https://github.com/mrdoob/three.js/
var camera, scene, renderer;
var geometry, material, mesh;
init();
animate();
function init() {
camera…
Binaromong
- 540
- 7
- 26
4
votes
3 answers
Using dat.gui slider triggers orbit controls
I'm building an origami simulator, I want to be able to 'fold' the paper using a dat.gui slider. I want to also include orbital controls.
However, when I click on the slider and subsequently move my mouse out of the dat.gui window, the orbital…
copplestone
- 79
- 1
- 1
- 6
4
votes
2 answers
How to change slider value on dat.GUI and how to reset dat.GUI
1) I'm working on a dat.GUI application on which I have 2 sliders. I want to reset one when the other is changed. For example :
var FizzyText = function() {
this.slider1 = 0;
this.slider2 = 0;
};
var gui = new dat.GUI();
var text = new…
Hearner
- 2,711
- 3
- 17
- 34
4
votes
1 answer
Three.js - Torus is not rotating around 0z axis
I try to make rotate a torus along 2 axis : Ox and Oz. I want to apply this rotation with a slider dat.gui modified by mouse.
I have defined the torus by :
var geometryTorus = new THREE.TorusGeometry( radius, 2*widthLine, 100, 100 );
var…
user1773603
4
votes
2 answers
How to add folders in dat.gui?
I'm trying to add folders for a the lights in a three.js project that i copied from a three.js example. But i can't get it working. I guess i should use f1=add.folder('light1') and then somehow add the parameters to f1 with f1.add('intensity')…
Flemming
- 694
- 7
- 22
4
votes
4 answers
How to lock slider and prevent updating of values with mouse into dat.GUI menu
I try to implement a way to prevent the updating of values with mouse (actually when the three.js animation has started, launched with a click on button).
For the moment, I have the following dat.GUI menu:
Once "start" button is clicked, I would…
user1773603
4
votes
1 answer
Centering two buttons into child div of a parent div
I am using dat.gui.js to have a parameters menu with Three.js. I would like to put this menu on the top-right of main window. Moreover, I would like to add 2 buttons at the bottom of this menu which have to be centered horizontally and relatively to…
user1773603
4
votes
1 answer
dat.gui display simple text
Is it possible to display a simple text in dat.gui?
A text input field can be achieved, but I would like to use dat.gui to display comments, such as the application controls. Is that even possible?
Oggy
- 83
- 8
4
votes
1 answer
Disable dat.GUI folder
My example use 'DAT.GUI.min.js'. I need disable/enable a folder option when another folder option is selected. For example when 'visibleImageX folder' is checked the folder 'fixImageX' must be enable, but when 'visibleImageX folder' is not checked…
user3410517
- 295
- 3
- 18