ねこでじ(Nekodigi)

Nekodigi’s diary

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

【Processing】三つ編みを表現する

成果物

f:id:Nekodigi:20200901211311p:plain
今回は、三つ編みを再現してみました。本物の三つ編みのように紐の重なり合いも表現できますが、複雑になり汎用性が欠けるので、BlendMode(ADD)を使って近似的に表現する方法も追加しています。
f:id:Nekodigi:20200901211322p:plain
パスに沿った模様など、美しい曲線を必要とする場面で使っていきたいです。

仕組み

sin波を2π/3分だけずらして3つ表示しています。重なりを表現したいときは、下になる部分が先に表示されるようにそれぞれ少しずつ表示していきます。2π分考えれば後は周期的に繰り返されます。

コード

Braid with(without) Depthという名前で追加しています。
github.com