Programmatic Art

「离开世界之前一切都是过程」

clip()

p5.jsにはなぜか clip が実装されていない。以下のissueにdrawingContextで生のCanvas APIを使えばできるよ、と書いてあったのでやってみた。 https://github.com/processing/p5.js/issues/3998 マウスの位置に黒い円を描くようにしているけど、グレーの四角でclipしているので、その中でしか描画されていませ...

Posted by Programmatic Art on September 5, 2021

ストリングアート風

参考きれいな模様の描き方?うずまき、万華鏡模様からスピログラフまで定規とコンパスで、みるみる描ける! 34ページ

Posted by Programmatic Art on September 1, 2021

隠れたAAA

離れてみると見えるやつ。参考眼の冒険 ??デザインの道具箱 (ちくま文庫) 241ページふしぎな模様の描き方 104ページ

Posted by Programmatic Art on August 31, 2021

等分した円を利用して何かを描く

いい感じかもしれない。

Posted by Programmatic Art on August 31, 2021

指定範囲を塗りつぶす

塗りたい場所が決まっていればfillを使えばよいのだけど、線を適当に引いた結果「この囲まれた範囲を塗りたい」みたいな時に。少し隙間ができてしまうのは今後の課題とする。参考 http://www.etcnotes.info/almath/algofill.html https://qiita.com/uhyo/items/21e2dc2b9b139473d859 コード ...

Posted by Programmatic Art on August 30, 2021

HSBのHの範囲が近い色で四角を敷き詰めるやつ

HSBが使いやすいというのが少しわかってきたかもしれない？コード https://p5-sandbox.tnantoka.com/#boxes https://github.com/tnantoka/p5-sandbox/blob/main/src/sketches/boxes.ts

Posted by Programmatic Art on August 27, 2021

よくあるHSBのやつ

HSBにずっと苦手意識がある。意味はわかるんだけど、数字を見た時にパッと頭の中に色が浮かばない。自分で作れば頭に残るのでは、ということでよくあるやつを作ってみた。ちょっと仲良くなれた気がする。コード https://github.com/tnantoka/p5-sandbox/blob/main/src/sketches/hsb.ts https://p5-s...

Posted by Programmatic Art on August 26, 2021

光るパズルパターン

https://programmaticart.tnantoka.com/entry/2021/08/24/211648 前回やったこれを使ってみる。光る線光るパズルパターン思ったより光ってる感が出なかった。ネオンっぽい色のほうが光ってる感が出るのかもしれない。（今は白黒縛りでやってるので、それはまた今度）コード https://p5-sandbox....

Posted by Programmatic Art on August 25, 2021

線を光らせる

前からやりたかったんだけど、イマイチ理解できずに今に至るので、今度こそちゃんとやる。いろんなサイトのコードを眺めていると大きく a. blendMode(SCREEN or ADD)で少しずつ色を重ねる b. aより粗目のグラデーションにしてfilter(BLUR)をかける c. ピクセルごとに値を計算して入れていくの3つの方法があるようだった。基本的には中心を明るくして徐々に...

Posted by Programmatic Art on August 24, 2021

パズルパターン

平面充填が好きなのですが、計算がややこしいのですよねぇ…。代わりといってはなんだけど、┛の形を敷き詰めていけばパズルっぽいパターンが完成するよね、ということでやってみた。こんな感じ。前回作ったStairsLineを使っています。線が交わらないように等もう少し制御したほうがよさそう。コード https://p5-sandbox.tnantoka.com/#puzzl...

Posted by Programmatic Art on August 22, 2021