<テクスチャスタジオ

グリッチ加工

[ 6 KERNELS // CANVAS 2D ]
CRT Scanlines applied to the sample photo

デジタルグリッチアート(Glitch Art)は、本来不可視であるはずのデータ構造を意図的に破壊する表現手法です。カメラのセンサーが格子状に記録した画素を、アルゴリズムが 3 つの階層で解体します:

  1. 信号レベルの破壊(CRT 走査線と蛍光ブルーム):CRT フィルターはブラウン管テレビの走査線を模倣し、画素の行間に走査線を描き込みながらサブピクセルを微細にずらします。明るい光が隣接画素へ滲み出し、アナログビデオ特有の空気感を再現します。
  2. 配列レベルの破壊(ピクセルソート):Pixel Sort および Pixel Sort V は、行または列に沿って明度閾値を超えた画素を検出し、その連続区間内を暗から明へと並べ替えます。輪郭が液体のように溶け出し、スピード感や雨のような筋が生まれます。
  3. 量子化とデシメーション(Signal Mix / Pixel Crush / Chroma Pop):Signal Mix や Pixel Crush は、解像度の間引きやグリッド量子化によってビデオメモリの破損や 8-bit バグ画面を再現します。
フィルター仕組み視覚的効果最適な被写体
CRT水平走査線 + 蛍光滲み80年代アナログテレビ夜景、ネオン街、レトロ看板
Pixel Sort水平方向の明度ソート風になびくような横ブレポートレートの髪、地平線
Pixel Sort V垂直方向の明度ソートペンキが垂れ落ちる融解感逆光のシルエット、建造物
Signal Mix座標サンプリングの破壊乱れたモニター信号サイバーパンク風ポスター、ロゴ
Pixel Crushドット量子化8-bit 画面の VRAM オーバーフロードット絵、ゲームグラフィック
Chroma Pop色相の彩度分離鮮やかな色収差レコードジャケット、ファッション

すべての処理はブラウザの Canvas 2D 内で完結します。アカウント登録や画像送信は一切不要で、長辺最大 1400px のPNG(長辺 1400px まで)として保存できます。

> 作例

同じイラストを、このページのフィルターの初期設定で処理した結果です。上のツールと同じエンジンで実際に描画しており、イメージ図ではありません。

風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラスト(フィルター適用前の元画像)
元画像フィルターなし
風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラストに CRT Scanlines フィルターを適用 — 走査線、RGB の色ずれ、蛍光体のにじみ
CRT Scanlines走査線、RGB の色ずれ、蛍光体のにじみ
風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラストに Pixel Sort フィルターを適用 — 横方向に輝度ソートされた色の筋
Pixel Sort横方向に輝度ソートされた色の筋
風になびく草原の斜面を歩く、笠をかぶった二人の旅人のイラストに Pixel Sort V フィルターを適用 — 縦に溶け落ちるような筋
Pixel Sort V縦に溶け落ちるような筋
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップ(フィルター適用前の元画像)
元画像フィルターなし
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップに CRT Scanlines フィルターを適用 — 走査線、RGB の色ずれ、蛍光体のにじみ
CRT Scanlines走査線、RGB の色ずれ、蛍光体のにじみ
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップに Pixel Sort フィルターを適用 — 横方向に輝度ソートされた色の筋
Pixel Sort横方向に輝度ソートされた色の筋
背の高い緑の草の中を歩く、笠をかぶった二人の旅人のクローズアップに Pixel Sort V フィルターを適用 — 縦に溶け落ちるような筋
Pixel Sort V縦に溶け落ちるような筋

> よくある質問

オンラインのグリッチ加工ツールとは何ですか?
グリッチ加工ツールは、画像のデータ構造を意図的に破壊・変形させるツールです。ブラウン管の走査線、蛍光滲み、画素の並べ替え(ピクセルソート)、カラーチャンネルの位相差などを加え、サイバーパンクやレトロデジタルな世界観を作り出します。
ピクセルソート単体のツールとは何が違いますか?
ピクセルソートは明度順に画素を並べ替える特定の手法です。グリッチ加工ジェネレーターは、走査線(CRT)、画素ソート(Pixel Sort)、座標量子化(Signal Mix や Pixel Crush)など複数の破壊アプローチを統合しています。
このグリッチ加工ツールは無料かつ安全ですか?
完全無料で安全です。ブラウザの Canvas 2D API を使用して端末内で処理するため、写真が外部サーバーに送信されることはありません。透かし(ウォーターマーク)のない高解像度 PNG を保存できます。
アニメーショングリッチ(GIF や動画)は作れますか?
このブラウザ版ツールは高解像度の静止画 PNG 書き出しに特化しています。リアルタイムのカメラ撮影や動画グリッチが必要な場合は、Yan の iOS / Android アプリをご利用ください。
どんな写真がグリッチ加工に向いていますか?
明暗のコントラストが強く、ネオンや街灯などの強い光源がある夜景、文字ロゴ、輪郭がはっきりしたポートレートが最適です。CRT の光の滲みが高光部に美しく広がり、ピクセルソートもシャープな筋を描きます。

画像はブラウザ内で処理され、アップロードされません。サイトは匿名の利用統計(ページビュー、選択したフィルター、ファイルサイズ)のみを保持し、ピクセルデータは含みません。