JavaScriptでシンセとか作るとき用のGUIライブラリ作った

ブラウザ(JavaScript)で動くシンセ的なアプリを作ろうと思うとGUIコントロールの便利なライブラリがなくてけっこう困ります。jQuery UIはわりと良いんだけど肝心のノブとかスイッチとかがなかったりするし。そんなわけでウェブ楽器のGUI作成に便利なjQuery UIっぽいJavaScriptライブラリを作成しました。
　
こんな感じでGUIコントロールを生成できます。

	// 背景パネルの表示
	$('<img />').panel({
		id: 'panel',
		image: 'images/panel.jpg',
		left: 20, top: 20
	}).appendTo('#draw');

	// ノブの表示
	$('<img />').knob({
		id: 'knob01',
		image: 'images/knob.png',
		left: 100, top: 80,
		width: 85, height: 85,
		value: 50,
		change: (function() {
			// コールバック処理
		})
	}).appendTo('#draw');

表示イメージ

　
実際に動かせるサンプルとしてちょっと前に流行った操作パネルを再現するとこんな感じ。
　
パネル、ノブ、スイッチの3種類のUIコントロールが用意されています。jQuery UIの機能を使用しており、インタフェースもjQuery UIに準拠しています。
　
マニュアルとライブラリのダウンロードはこちら。
http://github.com/aike/jqskin