ノブ (knob)

説明：

UIシリーズ、ドラッグ＆ドロップの応用で、ノブです。

動作：

ノブをドラッグ＆ドロップで回転させることができます。回転角度に応じた出力値を得られます。それぞれの出力値で、もう一方を回転させています。

見所：

小さい円と大きい円の２つの画像で構成するType A と、１つの画像ファイルを回転させるType B の違いを比較してみてください。

解説：

マウスの座標を回転角度に変換する必要があります。X-Y を角度に変換するのはATAN (ArcTANgent、TAN の逆関数)を使います。

角度の範囲 [-180 〜 180] とx=0 の時、NaN となることに注意して場合分けし、必要な範囲を取り出します。

option -クリックで QTZ をダウンロード(ブラウザ内では動作しません)