Generative Design with p5.js / Sketch P_1_2_1_01 を試しながらアレンジ。
元ネタ:https://editor.p5js.org/generative-design/sketches/P_1_2_1_01
See the Pen P_1_2_1_01 by Wagatsuma Nanao (@black_bear) on CodePen.0
2種類のカラーモードでの色の補間の違いを比べられる。1キーでRGB、2キーでHSBとなる。
クリックすると色がシャッフルされる。
新たに覚えたコマンド類
lerpColor(c1, c2, amt);
// 現在のカラーモードのもとで、色c1と色c2の間を補完した色を返す
// amtは0〜1の数値で、c1とc2の間のどの程度の位置にあるかを示す
map(value, start1, stop1, start2, stop2);
// valueをリマップした値を返す
// start1とstop2の間におけるvalueは、star2とstop2の間では何になるか
random(min, max);
// 2値の間の乱数を浮動小数で返す関数が用意されている