Subscribed unsubscribe Subscribe Subscribe

CHROMA

Web Designer の頭から飛び出たアイデアの記録

暖色の円をランダムに並べる

Dev

ドットインストールの「HTML5 Canvas入門」レッスンをやってる。

15回、16回でランダムな大きさ・色の円を透過させて並べるというのをやったけど、これの色を暖色に限定して並べるようにしてみた。

それがこちら:

色の指定方法を rgb から hsl に変えて、hue(色相)の値をランダムに変化させるようにした。

-20度から 80度という角度の範囲を指定するときにどうやれば良いのかわからなくなったけど、MDNに掲載されている「min から max までの乱数を返す関数」を使えばできた。

めでたし。