ピクセルソートとは何か
ピクセルソート（Pixel Sorting）は、画像のピクセルを輝度や色相の値に基づいて規則的に並べ替える処理です。アルゴリズムが行（または列）をスキャンし、一定のしきい値を満たしたピクセル群を明るい順にソートします。その結果、画像の一部が液体のように溶け出したような、鮮烈なグリッチ表現が生まれます。
ブラウザで今すぐ試してみたい方は、無料のオンラインピクセルソートジェネレーターで即座に実験できます。
アルゴリズムの動作メカニズム
コアとなるソート処理は、以下の3つのシーケンスを経て実行されます：
- 輝度とコントラストの算出：コントラスト曲線に基づき各ピクセルを輝度値へと変換し、ソート対象か否かの判定基準を準備します。
- 連続区間（ラン）の検出：スキャナーが行または列に沿って走査し、指定された輝度しきい値を超えている連続ピクセル区間を切り出します。
- インプレースソートと再配置：検出された区間内のピクセルを「暗→明」の順に並べ替え、Canvasバッファへ直接書き戻します。写真全体の輪郭が完全に失われて単調なグラデーションへ崩壊するのを防ぐため、通常は区間長を行（列）全体の約45%以下に制限します。
はじめかた
- Yanアプリに写真を読み込むか、ブラウザのオンラインピクセルソートツールを開きます。
- ソート方向を選択します：アプリでは「Effects > Pixel Sort」、Webツールでは水平（Pixel Sort）または垂直（Pixel Sort V）を直接選択できます。
- 水平方向か垂直方向かを決定します。
- しきい値（WebツールではDetailスライダー）を動かして、ソートするピクセルの範囲を微調整します。
しきい値（Threshold）の目安
アプリ版のしきい値設定の目安は以下の通りです（※ブラウザ版のDetailスライダーは逆向きの挙動となり、Detailを下げるほどハイライトの細い筋になります）：
| アプリ版しきい値 | ソート対象となるピクセル | 得られる結果 |
|---|---|---|
| 0–30% | 暗部ピクセルのみ | 繊細で控えめなストリーク |
| 30–70% | 中間調〜暗部 | 大半の写真で最も映える黄金比 |
| 70–100% | ほぼすべてのピクセル | 原形を留めない激しい抽象崩壊 |
表現力を高めるテクニック
エフェクトをレイヤーする：まずピクセルソートを適用して形を崩し、その上からCRT走査線やRGBシフトを重ねると深みが増します。
高コントラストな原画を選ぶ：明部と暗部が明確に分かれている写真ほど、ソートされた流体部分とシャープな原画部分のメリハリが強烈になります。
方向性が持つ意味を意識する：垂直ソートは「雨」「液体の垂れ落ち」を感じさせ、水平ソートは「突風」「スピード感」を連想させます。
ブラウザで事前にプレビューする：複雑な多段フィルタを組む前に、オンラインピクセルソートでしきい値の感触を掴んでおくのがおすすめです。
おすすめの被写体
- ポートレート：髪の毛が液状化して流れ出し、サイバーパンクな肖像になります。
- 都市風景・夜景：摩天楼のエッジが夜空へと溶け出し、SF映画のような光景になります。
- 樹木や植物：枝葉がカスケード状に崩れ、有機的なデジタル滝を形成します。
さあ、破壊を楽しもう
しきい値を限界まで上げてみてください。何が起きるか、その目で確かめてみましょう。