Generative Design with p5.js / Sketch P_2_1_2_02 を試しながらアレンジ。
元ネタ：https://editor.p5js.org/generative-design/sketches/P_2_1_2_02
ロジックのポイント
グリッドに区切った同じ位置に、大小の円を重ね合わせ、裏側の大きい円のいちだけが、カーソルの位置に応じて移動する。
1、2キーで色の変更、3キーで不透明／透明の切り替えができる。
矢印キーで円のサイズが変更できる。
オリジナルからの変更点はほとんどなし。
