写真を手書き点描画ふうに変換する実験

写真を手書き点描画ふうに変換するプログラムできた。結構良いできかも？ pic.twitter.com/ePHkDr4dEE
— daiiz (@daizplus) 2020年11月19日

適当な写真を用意して、グレースケール化する
- 風景写真がおすすめ
- 人物は苦手
一片の長さが1000px程度になるよう拡縮する
- 今回用意した点描パターンのドットの半径 (1px) を考えるとこのあたりのサイズが適している
画像の濃淡に応じて、いくつかの領域に分ける
各領域を密度の異なる点描パターンで塗りつぶす
- 各領域は一度だけ塗りつぶされる
- 同一領域で複数のパターンが重なると汚く見えてしまうので丁寧にやった。自慢ポイント。
- OpenCVは神

上記ツイートに添付した一番目の風景写真は、以下のような8枚の点描パターン (密度が高い順に掲載) の重ね合わせでできている。

ちなみに、点描パターンを作る超簡易ツールも自作した。
https://codepen.io/daiiz/pen/WNxLMYq

キャンバスとして用意した正方形の<svg>の内部領域を適当な大きさの方眼状に区切り、各マスのランダムな位置を中心とする<circle> (ドット) をプロットしていく。SVG芸。
点描パターン画像の密度を小さくしたい場合は方眼の一辺の長さを短くすればOK。ドットの半径を固定値にするのがポイント。
(注: マス目はデモ用に表示しているだけで、実際のパターン画像には現れない。)

f:id:daiiz:20201122031353p:plain