写真をドット絵に

本物の写真を、ドット絵(低解像度のタイル)に縮めていく——その計算を一歩ずつ見るための場所だよ。コツは、出力の1ドットを「元画像のそのブロックにある全画素の平均色」で塗ること。

ブロックの中の R・G・B をそれぞれ平均して、1ドットの色を決める。これが"ちゃんとした縮小"=面積平均(ボックスフィルタ)の正体なんだ。「中央1点だけ拾う(最近傍)」と比べると、平均のほうが色がなめらかで、細かい模様が化けにくいのが分かる。
「画像を選ぶ」で手持ちの写真を入れてもいいし、最初は風景が入ってるよ。

← /play へもどる畳み込みを一歩ずつ →

画像
ドット数
塗り方
「▶ 再生」か「1ステップ」を押すと、いま計算してるドットが——元画像のどのブロックを、どんな平均で塗るか——ここに出るよ。