Skip to content

DimiTech/potentiometer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript Pot Widget

A sprite based HTML5 potentiometer widget. Another little experiment of mine. I wanted to make a 'realistic, VST-like' looking pot knob for the web, so here it is.

By default, the knobs are controlled by rotating them, but you can specify an option (verticalDrag: true) with which you can enable vertical mouse click & drag control. When controlling the widget by vertically dragging the mouse, you can hold down the ctrl button (option on mac) to fine tune the value. You can also double-click and type in the value with the keyboard (check out demo2 for that).

You can find instructions and more info in the docs.

Enjoy :)

Example use cases:

potentiometer widgets, example 1, eq

potentiometer widgets, example 2, distortion

About

A sprite based HTML5 potentiometer widget.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published