P5.js Study 010

Generative Design with p5.js / Sketch P_2_0_01 を試しながらアレンジ。
元ネタ:https://editor.p5js.org/generative-design/sketches/P_2_0_01

新たに覚えたコマンドなど

strokeCap(cap);
// Sets the style for rendering line endings. 
// cap: Constant (either SQUARE, PROJECT, or ROUND)

TAU;
// twice the circumference ratio
// = TWO_PI

マウスのY座標がスポークの密度と太さに連動し、X座標が半径に連動している。
密度と太さの関係をオリジナルとは逆にしてみた。

スポークの色を1本1本変えて、色相環を描くようにしてみた。

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です