P5.js Study 004

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値の間の乱数を浮動小数で返す関数が用意されている

Leave a comment

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