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
0
votes
1 answer
How do I mask the user entry into a text field (i.e a password field) in dat.gui
I am using dat.gui in a webapp that needs a userid / password. Like normal webapps, I would like to mask the password to '*******' as the user is typing in the password.
I am aware about the onChange event on a text field that will return me the…
milind parikh
- 81
- 5
0
votes
2 answers
Cannot initialize dat.GUI in Three.js
When i run my code, i get the following error in this line:
var gui = new dat.GUI();
error: Unable to get the 'getItem' property null reference or undefined.
I imported the library, i don't know what is wrong, here is my code:
…
Jose Miguel Vega Lopez
- 111
- 13
0
votes
1 answer
How to control checkbox in dat.gui?
I am using dat.gui to provide an interface for an application to control the scene similar to the following example:
http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage
Problem:
I need to add an action to the checkbox and another…
mbehnaam
- 401
- 10
- 24
0
votes
0 answers
Trouble adding text input directly into dat.gui when working with three.js
I am having a few problems with dat.gui when using three.js where the user cannot manually type input into the gui. Parameters with integers do not change until the user clicks on their text box. When that happens, they change only by the movement…
David Streid
- 685
- 3
- 12
- 24
0
votes
1 answer
Need Help Loading Dat-GUI with Meteor.js
I am trying to load Dat-GUI : https://github.com/dataarts/dat.gui
with my meteor project. I added the dat-GUI source in the client/lib folder.
Here is my code:
Template.EditorControllbar.rendered = function () {
var controllBar =…
praneybehl
- 3,801
- 6
- 28
- 45
0
votes
2 answers
customize shape of geometry with dat.gui
I am trying to create an object that can be customized by dat.GUI. I want the shape of the geometry to be changed by the user, not just the rotation and position. I tried to add the part of the code which geometry is being created in the rendering…
Hesamoy
- 301
- 1
- 20
0
votes
2 answers
Passing For Loop index to function within For Loop
I have a for loop for running some iterations of javascript code and a function within that For Loop. The problem is that the function within my loop isn't receiving the index integer. Here is the code:
for (var i = 0; i < ToggleCount; i++) {
…
user3221406
- 5
- 2
0
votes
2 answers
Manually updating dat.gui
I'm trying to manually update a dat.gui controller. I followed the details on this page: http://workshop.chromeexperiments.com/examples/gui/#10--Updating-the-Display-Manually but it still does not work for me. Here is a sample of my code:
var…
jthompson
- 229
- 2
- 15
0
votes
1 answer
non-concatenated dat.gui source with require.js. Customising, or templating dat.gui
Please excuse the SEO friendly title, but I would like to make the problem I am currently solving as accessible as possible. For those of you who are looking to customise the look and feel of dat.gui, you need to download the source and include it…
Max Ammo
- 55
- 1
- 10
0
votes
1 answer
Changing variables in multiple instances using dat.gui
I have a class which has been instantiated many times and I would like to change a certain instance variable for all of them. How would I go about doing this using dat.js?
e.g
function MyClass(){
this.x = 1;
}
var arr = [];
for(var i =0; i<…
ryanVincent
- 1,033
- 1
- 9
- 14
0
votes
1 answer
How change color of item in three.js gui
How to write item with a specific color in three.js gui menu. Or add a square or circle with a speficic color before a item menu.
Thanks
user2244365
- 577
- 2
- 5
- 10
0
votes
1 answer
Show different slider for different selections in dat.gui
I have a gui where the use can select different shapes to render with a dropdown. This works well. Now I wanna display a folder with some slider. The count, name and min/max values of the sliders differ in which shape is selected. How can I…
Andreas Köberle
- 106,652
- 57
- 273
- 297
0
votes
1 answer
Dat.gui for opacity
I need to put on a transparency model stl with dat.gui am using the command:
gui.add(opacity_model, 'model').onChange(function(){
if (opacity_model, 'model' == true) {
material.opacity = 0.0;
}…
Paula Lc
- 41
- 7
0
votes
1 answer
Dat.gui with Three.js
I need to put a link within the control dat.gui to open an html file, How to do this ? I have already put levels of transparency and checkbox but do not know how do to open a link.
Paula Lc
- 41
- 7
0
votes
1 answer
Transparency collada file
I need to change the transparency of a file. Dae (collada), by my code with the library Three.js with dat.gui. I'm using:
$gui = new DAT.GUI();
gui.add(opacity_pele, 'pele').onChange(function(){
if (…
Paula Lc
- 41
- 7