グリッチ画像メーカー

グリッチアートは、デジタル画像が壊れる様子を模したものです。色のチャンネルがずれ、ピクセルの行が横にスライドし、明るい部分が並べ替えられた筋になって流れ、壊れたJPEGデータはブロック状の色の乱れを生みます。このツールは、これらの効果をそれぞれの強さで画像に適用します。乱数シードにより結果を再現できるので、気に入ったグリッチを失わずに設定を1つだけ変えて試せます。ブラウザ内で動作し、複数の画像を一度に処理できます。

使い方

1. 画像を1枚以上選びます。
2. RGBずらしと、ずらすスライスの数や大きさを設定します。
3. 必要に応じて、ピクセルソート、JPEG破損、走査線、ノイズをオンにします。
4. 好みのパターンになるまでシードを変えます。同じシードなら常に同じ結果になります。
5. PNG（そのまま）またはJPG（軽量）でダウンロードします。

計算式

RGBずらし：R′(x) = R(x − d)、B′(x) = B(x + d) · 走査線：各周期の後半で 値 × (1 − 強さ)

効果はスライス、RGBずらし、ピクセルソート、JPEG破損、走査線、ノイズの順に適用されます。スライスは1つあたり高さの最大8%で、幅に対して選んだ割合まで動き、端で反対側に回り込みます。ピクセルソートは、明るさ（0.299R + 0.587G + 0.114B）がしきい値以上のピクセルの連なりを見つけ、各連なりを暗い方から明るい方へ並べ替えます。走査線の周期は高さ540 pxあたり2 pxです。JPEG破損はスキャン開始マーカーの後ろの最大40バイトを書き換え、ブラウザが読み込める状態になるまで再試行します。透明な部分はPNG出力では透明のまま残り（破損は白地のコピーに対して行い、その後で透明度を戻します）、JPG出力では白の上に置かれます。

計算例

RGBずらしを8 pxにすると、黒地の白い線は、右側に赤い縁、左側に青い縁がそれぞれ8 pxの幅で現れ、白が残るのは2つのコピーが重なる部分だけです。高さ1080 pxの写真では、走査線の周期は 2 × round(1080 ÷ 540) = 4 pxで、通常の2行と暗い2行が繰り返されます。