Pixel array

Date
October 8, 2025
Number
3
Gerhard Richter – 

今回は前回のピクセル配列のsource codeを元にピクセルの操作をしてみたいとおもいます。

私たちが使用しているディスプレイをはじめ、写真や映像はピクセルという色情報をもった配列でできています。それらの配列を操作することでどのような表現が生まれるでしょうか。

Slitscan

時間軸を一枚の画面上に表現したSlitscanというイメージ技法が有名です。

フィルムの時代からこの技法はありましたが、ピクセル特有のSlitscan作品も出てきています。

Glitch

エラーによってピクセルが破損して生まれるかたち。

Pixel array

スリットスキャンの発展型。端のピクセルが拡張し、ストライプのテクスチャ―を表出します。

Practice

a. Pixel sorting

前回のAscii artのcodeをカスタムしていきましょう。

image
参考:https://happycoding.io/tutorials/p5js/images/pixel-sorter

b. Slitscan

image

step1: Video 入力を設定

step2: ピクセル一列を並べていきます

参照:https://www.youtube.com/watch?v=YqVbuMPIRwY

Homework

  • タイポグラフィ+ピクセル配列を活かした表現
  • 既製品や自然物に対して出力(例:UV印刷やレーザー彫刻、刺繍など)
  • 形式:自由