threejs
threejs
threejs
Would you like to react to this message? Create an account in a few clicks or log in to continue.


WebGL and Three JS dedicated forum. Here we can discuss about Three JS 3D library.
 
HomeGalleryLatest imagesSearchRegisterLog in

 

 Extra GUI controls?

Go down 
2 posters
AuthorMessage
SamCorny

SamCorny


Posts : 40
Points : 56
Reputation : 0
Join date : 2017-02-06
Location : NYC

Extra GUI controls? Empty
PostSubject: Extra GUI controls?   Extra GUI controls? Icon_minitimeMon Feb 06, 2017 5:58 pm

I see the library dat.Gui can be customized but it doesn't support every kind of controls, is there a way to add more controls?
Round, spinner for example? Or can I just use another JS library?
Back to top Go down
Admin
Admin
Admin


Posts : 46
Points : 78
Reputation : 3
Join date : 2017-02-06
Location : London, Milan

Extra GUI controls? Empty
PostSubject: Re: Extra GUI controls?   Extra GUI controls? Icon_minitimeMon Feb 06, 2017 8:21 pm

Hi Sam,

in collaboration with a friend we are developing a new editor and we basically decided to user other tools instead that Dat.GUI.
So could you please explain better what are you looking for?
Back to top Go down
https://threejs.forumotion.com
SamCorny

SamCorny


Posts : 40
Points : 56
Reputation : 0
Join date : 2017-02-06
Location : NYC

Extra GUI controls? Empty
PostSubject: Re: Extra GUI controls?   Extra GUI controls? Icon_minitimeMon Feb 06, 2017 8:50 pm

Because im working on this example by David Walsh and its very simple and cool but the JS Gui library as I know doe not allow control like RotoButton and spinner button.
In every ThreeJS example and also in this example (out from 3D)controls are the same input field, slider and button.

Code:
var fizzyText = new FizzyText("david walsh");
var gui = new DAT.GUI();

// Text field
gui.add(fizzyText, "message");

// Sliders with min + max
gui.add(fizzyText, "maxSize").min(0.5).max(7);
gui.add(fizzyText, "growthSpeed").min(0.01).max(1).step(0.05);
gui.add(fizzyText, "speed", 0.1, 2, 0.05); // shorthand for min/max/step

// Sliders with min, max and increment.
gui.add(fizzyText, "noiseStrength", 10, 100, 5);

// Boolean checkbox
gui.add(fizzyText, "displayOutline");
Back to top Go down
Admin
Admin
Admin


Posts : 46
Points : 78
Reputation : 3
Join date : 2017-02-06
Location : London, Milan

Extra GUI controls? Empty
PostSubject: Re: Extra GUI controls?   Extra GUI controls? Icon_minitimeTue Feb 07, 2017 10:29 am

I understand what you mean, you need a button like a sound control or 360deg rotary button right? Ya ya ya, in collab with my colleague we need it too, but I think he found something useful... so let us make some changements and we will share it here.
Back to top Go down
https://threejs.forumotion.com
Admin
Admin
Admin


Posts : 46
Points : 78
Reputation : 3
Join date : 2017-02-06
Location : London, Milan

Extra GUI controls? Empty
PostSubject: Re: Extra GUI controls?   Extra GUI controls? Icon_minitimeTue Feb 07, 2017 3:06 pm

Sam, I posted a "rotary button" into the Javascript libraries section, just take a look and let me know if it is fine for you.
Back to top Go down
https://threejs.forumotion.com
Sponsored content





Extra GUI controls? Empty
PostSubject: Re: Extra GUI controls?   Extra GUI controls? Icon_minitime

Back to top Go down
 
Extra GUI controls?
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
threejs :: WEBGL and Three JS Library :: Discussions about WebGL coding via Three.js-
Jump to: