🐥
アスキーフィルターをGLSLとP5.jsで実装した話
本記事はProcessing Advent Calendar2024の記事です。
なおフィルターのソースコードはここにあります。
アスキーとは
- 英語アルファベットの大文字と小文字
- 記号
-
0 9 - 制御文字
たとえば
アスキーはUnicodeのUTF-8と互換性があります。
アスキーフィルターとは
画像や映像をピクセル単位でアスキー文字に置き換えるフィルターです。
画像や映像の色と座標で表示する文字が変わります。
使用する文字
. : * o & 8 @ #の8つです。
単色RGB
色によって文字が明確に変化しています。たとえば青の場合oと言う文字、黄色の場合は#とうい文字が描画されます。
グラデーション
色が滑らかに変化しているため文字も滑らかに変化しています。また欠点として滑らかに変化しているためアスキーでない文字も描画されます。
パーティクル
パーティクルの場合異なる2色が使われており文字がはっきり描画されています。
アスキーフィルターをかける前の画像
アスキーフィルターをかけた画像
Discussion