P5.js Study 019

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

ロジックのポイント

グリッドに沿ってに正方形を並べ、カーソルからの距離に応じて正方形を拡大させているだけ。水平垂直の線だけのはずなのに、曲線が見えてくるから面白い。

下記コードの3項目の意味が分からなかった。
WebGLではないから意味がないのでは。消してみても描画に変化はなかった。

translate(gridX, gridY, diameter * 5);

カーソルの位置に応じて正方形を回転させる処理も加えてみたが、加えないほうがきれいだった。

Leave a comment

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