CODEWITHSUNDEEP
javascriptdat.gui
Lonelydatum
Lonelydatum

Reputation: 1236

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");

Upvotes: 37

Views: 21962

Answers (3)

sb333
sb333

Reputation: 45

The chrome experiments example link above is no longer live, but there's a great fiddle; forked and added the button example from Loneydatum's answer.

https://jsfiddle.net/SeanB/qpwsnuxd/3/

var object4 = { add:function(){ alert("clicked") }};
gui.add(object4,'add');
// original fiddle https://jsfiddle.net/ikatyang/182ztwao/

Upvotes: 0

Lonelydatum
Lonelydatum

Reputation: 1236

This creates a button with text left aligned. 

var obj = { add:function(){ console.log("clicked") }};

gui.add(obj,'add');

Upvotes: 68

eriksssss
eriksssss

Reputation: 430

FWIW, dat.gui assumes the GUI type based on the target's initial value type.

  • boolean => checkbox
  • int/float => slider
  • string => text input
  • function => button

Examples can be found here: http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage

Upvotes: 32

Related Questions