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
Horizontal Dat.GUI
How can I make the dat.gui items spaced horizontally? Say we only have 2 or 3 parameters and they can all fit in one line, like a navbar at the top or bottom of the page.
MostafaMV
- 2,181
- 3
- 16
- 22
0
votes
1 answer
DatGui doesn't want to work with Angular/ThreeJS
I try to use DatGui to interact with a cube (from a class called CubeComponent) into my angular App but the only thing created is a part of DatGui saying open control or close control.
Thanks for your attention
import {Component, ViewChild,…
Dumas Théo
- 5
- 2
0
votes
2 answers
Get a text value for DOM and display in dat.gui field
I have a dat.gui to control a three.js scene. I want it to display a text value from the DOM
data
I can't see a way to get this to work. Could you please help me out?
Thank you very much
var guiControls = new function() {
…
root
- 157
- 1
- 3
- 16
0
votes
1 answer
How to keep Divs in place without absolute position
I must be misunderstaning something in CSS as my dropdown box using a library (dat-gui) is doing this:
I have tried switching to position: absolute for the divs beneath the dat-gui container, which breaks the divs beneath it.
Funnily enough, when I…
Jesse Reza Khorasanee
- 3,140
- 4
- 36
- 53
0
votes
1 answer
AMI js segmentation label map overlay class color is not getting displayed
I am referring this example. It is on vanilla javascript.
Imported everything to as an angular provider service in angular 7.3.8 with AMI version 0.32.0 (three 0.99.0).
Using the same test examples as in the link above.
Original scan with…
Jyotirmay
- 1,533
- 3
- 21
- 41
0
votes
2 answers
Orientation of 3 vertices on GUI
I am trying to find the orientation of 3 ordered points in space. I am using the algorithm that I found from this site. https://www.geeksforgeeks.org/orientation-3-ordered-points/
I want to print out the orientation updated on GUI whether it is…
Applik
- 411
- 3
- 11
0
votes
0 answers
Dat.gui and Three.js - add / remove from scene with a single checkbox
I have multiple models in a scene which I currently control by placing them inside a function and calling the function when I want to load them.
I'd like to have dat.gui add or remove the object based on a checkbox.
I've successfully loaded the…
Huskie69
- 795
- 3
- 11
- 31
0
votes
2 answers
Making dynamic text with Three.js and dat.gui
I want to make a dynamic render of user inputted text using three.js and dat.gui, so far i've made this to render out the text:
var displayGui = function(){
var gui = new dat.GUI();
var parameters = {
message:"sample",
spinVelocity: 0
…
Alex
- 39
- 5
0
votes
2 answers
dat.GUI and Complex Variables
I'm fairly new to dat.GUI and I'm having problems getting it to work with a more complex variable.
I have the following:
let complexVariable= {
topLayer:
{
deeperLayer:
{
deepestLayer:…
ZaredH
- 491
- 1
- 7
- 23
0
votes
1 answer
add color info into checkbox folder dat.gui
Is it possible to add color information into checkbox folder? Like on the picture.
I know there exists color controller, but I just need checkbox with information about color, which it represents (TCP is red, UDP is purple,...).
I tried to google…
Haniku
- 671
- 1
- 7
- 16
0
votes
1 answer
Dat.GUI: A few questions
I'm making a small billiards game in THREE.js, and have opted to use Dat.Gui as a GUI library. I have a few small questions regarding the latter:
First Question: Can I make a class that returns the GUI?
Currently I have a mygui.js file where I put…
Diamundo
- 148
- 11
0
votes
1 answer
ckecking and unchecking checkbox in dat.gui
I have a checkbox named autorotation.I want to mark that checkbox to false when user click any where in the scene...
controller = new function() {
this.autorotation=true;
}
var gui = new dat.GUI();
f1 =…
Abdul Ahad
- 99
- 2
- 9
0
votes
0 answers
Javascript DAT.Gui - is it a valid DOM element?
I would like to include into a a DAT.Gui menu. For this, I did :
// Create GUI
var gui = new dat.GUI({
autoplace: false,
width: 350,
height: 15 * 32 - 1
});
var elementBodyContent =…
user1773603
0
votes
1 answer
Display a value when modifying a control using dat.GUI
Can anybody help me what I am showing in the image?
[1]: http://www.romualdorivera.com/three.js/dat.GUI_img_01.jpg
Here is my code:
var gui = new dat.GUI();
parameters = { x: 1, area: 1,}
gui.add(parameters, 'x', 1,400).name("Scale XY…
RonMarcial
- 37
- 5
0
votes
1 answer
Three.js How to control position of Vector3 value z using DAT.Gui
I am new with three.js and I trying to modify the position value of Z in Vector3 using Dat.Gui. This is my code, but I am not getting any luck.
var zhighpnts = gui.add(parameters, 'x').min(0).max(400).step(.01).name('High…
RonMarcial
- 37
- 5