ねこでじ(Nekodigi)

Nekodigi’s diary

学習中の気づきをまとめています。応援よろしくお願いします

【Processing】Delaunay/Voronoi図を使って、線を間接的に表す。

成果物

Delaunay

f:id:Nekodigi:20200818105834p:plain
ただ点を渡しているだけなのですが、文字がきれいに描かれています。まるで、メッシュを張ったようにきれいに描かれています。

Voronoi

f:id:Nekodigi:20200818110018p:plain
よくよく見ると、文字が書いてあります。Delaunay図と違い、二等分線の位置に線が引かれるので、少し解読が難しいです。参考サイトのようにグラデーションを掛けるとよりきれいに見えるはずです。
参考
Voronoï playground - Do you see the path ? - bl.ocks.org

仕組み

マウスの進行方向の法線を求め、それを使って、マウスの左右に点を追加していきます。そして、その点をもとにDelaunay/Voronoi図を生成すると、この様な結果が得られます。
Voronoi図について。
nekodigi.hatenablog.com

コード

Voronoi Lineという名前で追加しています。
github.com