Gallery / ギャラリー
About / ハーモノグラフについて
If you aren't Japanese speaker, I recommend you to read Wikipedia(en): Harmonograph.
ハーモノグラフ(Harmonograph)とは、19世紀ヨーロッパで流行したとされる、2つの振動の調和を視覚化できる装置です。2つないし3つの振り子と、ペン、紙を組み合わせた単純な装置ですが、おどろくほど多彩で美しい図像を生み出します。
音は鼓膜の振動ですから、2つの振動=2つの音と見ることもできます。実際、よく響く音程と同じ振動数の組み合わせでは、規則性の高い図像が得られます。
「Harmonograph.js」は、このハーモノグラフをJavaScriptでシミュレートしたものです。
ハーモノグラフについては、アンソニー・アシュトン著「ハーモノグラフ 音がおりなす美の世界 (ピュタゴラスブックス)
ハーモノグラフには、直行ハーモノグラフ(Lateral harmonograph)と回転ハーモノグラフ(Rotary harmonograph)があり、直行ハーモノグラフでは縦横の振動の組み合わせで、回転ハーモノグラフでは2つの回転の組み合わせで図像を生み出します。
直行ハーモノグラフでは、2つの振り子が使われ、それぞれが直行する方向に振動します。片方の振り子には紙が、もう片方の振り子にはペンが固定されており、それぞれの振動の相互作用で図像が描かれます。
回転ハーモノグラフでは、3つの振り子が使われ、2つは直行ハーモノグラフと同様、直行する方向に振動し、もう1つは真上からみて真円を描くように回転します。この直行する2つの振り子の組と、回転する振り子、それぞれに紙とペンが固定されます。2つの直行する振り子は、通常、90°位相をずらして同じ周波数で振動させるため、組み合わせた動きは、円を描きます。つまり、回転ハーモノグラフでは、2つの回転の相互作用で図像が描かれます。
本物のハーモノグラフは、振り子の組み合わせで図像を描きますが、Harmonograph.js では、減衰振動の変位を計算し、これを2つ～4つ組み合わせて使用しています。減衰振動の変位を求めるプログラムは「Visual C# による物理のシミュレーション」を参考にさせていただきました。
直行ハーモノグラフの場合、2つの減衰振動子を使用します。これらのある時点tにおける変位をそれぞれx(t)、y(t)とすると、ある時点tにおけるプロット座標p(t)は p(t)=(x(t),y(t)) です。
回転ハーモノグラフの場合、4つの減衰振動子を使用します。これらのある時点tにおける変位をそれぞれをx1(t)、y1(t)、x2(t)、y2(t)とすると、ある時点tにおけるプロット座標p(t)は p(t)=(x1(t)+x2(t),y1(t)+y2(t)) です。なお、x1とy1、x2とy2はそれぞれ位相を90°ずらし、位相以外のパラメータは同じにしています。
How to use / 使い方
- をクリックすると描画を開始します(描画中にクリックすると最初から描画しなおします)。は描画を一次停止し、で再開します。はページ読み込み時のパラメータに戻し、プロットエリアをクリアします。
- 素敵な図像が生まれたら、みんなにも教えてあげましょう! で、一時停止してるときにをクリックすると、そのときの図像を専用のtumblrに投稿します。どうやって図像が生まれたか、コメントを残すこともできます。
- 使っているブラウザがFirefoxなら、tumblrに投稿しなくても、プロットエリアを右クリックし「名前を付けて保存」で保存できます。
をクリックすると、描かれた図像を新しいウィンドウ/タブで開きます。SafariかOperaを使っているなら、新しいウィンドウ/タブで開かれた図像を右クリックし「名前を付けて保存」で保存できます。- いちおう iPhone / iPod touch にも対応しています。普通のSafariと同じように図像を保存することもできます。
Parameters / パラメータについて
- Type of Harmonograph / ハーモノグラフの種類 は、直行(Lateral)、回転(Rotary)いずれのハーモノグラフにするか選択します。
- Shift phase (90°) / 位相のずれ は、一方の振動の位相を90°ずらすことで、図像に変化を与えます。
- Interval / 音程 は、2つの振動の振動数比、あるいは2つの音の音程で、セント(Cent)の単位で指定します。これは、振動数比1:2、音程でいえば1オクターブの比を1200とする単位です。純粋な平均律では全音が200セント、半音が100セントとなります。ドロップダウンリストで音程を選ぶと純正な音程が入力されます。なお、あまり大きな値を設定すると、描画が始まるまでに時間がかかる場合があります。
- Resistance / 抵抗 は、減衰の速さをしめします。0では減衰が起こらず、直交ハーモノグラフで位相を90°ずらすと、ほぼ純粋なリサジュー図形が得られます。
- Amplitude rate / 振幅比 は、2つの振動の大きさの比です。直交ハーモノグラフでは縦横の比が変化するだけですが、回転ハーモノグラフでは、図形の「丸み」に影響します。
- Size of plot area / 画像サイズ は、描画エリアのサイズです。描画時の大きさは変わりませんが、保存や新しいウィンドウ/タブで開く時には指定したサイズで表示されます。
- Accuracy / 精度 は、描画の精度です。値が大きいほど滑らかに描画できますが、その分時間がかかります。
- Permalink / パーマリンク は、これらの設定をURLに埋め込んだものです。このURLにアクセスすれば同じ設定で描画することができます。描画を開始すると生成されます。