Generative Design with p5.js / Sketch P_2_1_5_01 を試しながらアレンジ。
元ネタ：https://editor.p5js.org/generative-design/sketches/P_2_1_5_01
ロジックのポイント
細かいグリッド構造を重ね合わせて、意図的にモアレを生じさせてみるスケッチ。
図形描画の部分を関数にして、再利用できるようにしているのがポイント。
2つめを描画する前に、translate()やrotate()を実行して図形をずらしている。
円の移動方向を斜めに変更してみた。
