15 How to add & use slider controls (dat.gui) three.js
Learn how to find and use slider controls in three.js.
Learn how to import dat.gui module in three.module.js.
Learn how to add script tag for dat.gui in three.js.
Learn how to add slider controls in dat.gui for object properties three.js.
Learn how to add folders for slider controls in dat.gui three.js.
Learn how to add color box in dat.gui three.js.
Timestamps:
00:00 Intro/demo
00:17 How to download and put dat.gui module in code editor directory for three.module.js (FOR MODULES)
01:00 How to get dat.gui CDN for three.js (NOT for three.module.js)
01:44 How to create a new GUI in dat.gui three.js
02:04 How to add sliders to control object properties dat.gui three.js
03:47 How to add checkbox to control boolean object properties dat.gui three.js
04:18 How to add controls in a folder dat.gui three.js
05:31 How to add a color box to change object color in dat.gui three.js
07:40 How to add properties from different objects in same dat.gui controls three.js
Resources:
dat.gui @ Github:
https://github.com/dataarts/dat.gui
CDN for dat.gui:
https://cdnjs.com/libraries/dat-gui
