音と絵の往復 — 波形を見る

音は信号として見れば -1 〜 1 の数の並びで、横を時間・縦を振幅にして折れ線を引くと音の形が絵になる。逆向きに、波形からどの周波数がどれだけ含まれるかを読むこともできる。ここで扱うのは正弦波・加算合成・FM・包絡・ノイズの色・Karplus-Strong・節線・スペクトルで、どれも音を鳴らさず CanvasRenderingContext2D 一本で描く。WebAudio の OscillatorNode や AnalyserNode が裏で扱う値と、画面の線は同じ数式に乗っている。

色は sky の単色ランプ一本。colors.tint(luma) が輝度 0..255 を sky の暗→明へ写す。playground には注入済みで import は要らない。