面白いアイディアです。 Photoshopをはじめとする画像編集ソフトウェアの機能として油絵風やイラスト風に変換する機能があったりします。写真とはまた違った味わいが出たりして面白い機能です。 それと似た機能を提供するソフトウェアとしてClose Pixelateを紹介します。アメリカの芸術家Chuck Close氏が描くような点を集めて描いたような画像に変換するJavaScriptライブラリです。 左側が元画像。中央は単なるモザイク風、右側が若干Chuck Close氏の作品風になっています。 さらに細かい点にするとこんな感じに。 先ほどの写真をパラメータを変えて実行したパターン。 四角をベースに展開。 白黒も格好いいですね。 なんかそれっぽい感じです。 キリンの写真も何となくポップに。 うまくパラメータを調整するとイラスト風になりますね。 使い方としては画像を読み込んで、ClosePixelationで実行する形です。以下のようなコードになります。

var img = document.getElementById('portrait-img');
// create a new Close Pixelation instance with ClosePixelation
// requires two arguments: the original image element
// and an array of options
var myPixelation = new ClosePixelation( img, [
  { resolution : 24 }
]);
// re-render the canvas with different options
myPixelation.render([
  { resolution: 32 },
  { resolution: 16, shape: 'circle', offset: 8 }
]);

芸術家の作品をJavaScriptで再現するというのは面白い試みですね。アルゴリズムを見いだせば、他の画家でもそれっぽい作品が生成できてしまうかも知れません。 Close PixelateはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 Close Pixelate desandro/close-pixelate