Interactive Knob Builder
for the JS Audio Knobs library. By Colin Bone Dodds (
github.com/colinbd
)
what is the ID of the div you will be housing the knob in?
div ID:
what style of knob would you like?
style:
LittlePhatty
Vintage
FStyle
SSLish
RedScale
Silver
Aqua
kjLED
Credence
Wedge
Hexagonal
Hippy
Bluesbreaker
Oscar
what size would you like the knob to be?
xsmall
small
medium
large
xlarge
what the minimum value the knob should output? you must set an integer value
minimum:
what the maximum value the knob should output? you must set an integer value
maximum:
set the initial value for the knob
value:
how much should mouse moves change the knob? less than 1 will make it less sensitive to mouse movements, greater than 1 for greater sensitivity
sensitivity:
do you want to see the knobs output value in a label below the knob?
show the label?
show
hide
you can set the colour of the label just enter a css colour name or HEX code
label colour:
reset
pass this object when creating a new class instance
e.g. let knob1 = new Knob({
object goes here
})
