Generative Design with p5.js / Sketch P_1_2_3_01 を試しながらアレンジ。
元ネタ：https://editor.p5js.org/generative-design/sketches/P_1_2_3_01
新たに覚えたコマンドなど
windowWidth
windowHeihgt
// それぞれウィンドウの幅と高さを取得。画面いっぱいのキャンバスを作るときなどに使える
constrain(n, low, high);
// nが、lowとhighの間にあればn、low以下ならlow、high以上ならhighとなる一定の制限のもとで色相、彩度、明度をランダムに設定した色配列を生成し、描画している。
制限のかけ方によってさまざまな特徴を出すことができる。
1〜0キーで制限が変更される。
タイル番号の付け方がよく分からなかったので、各タイルにID番号を振ってみた。
見えていないだけで、各行には必ず50タイル入るようになっているようだ。
