■

stepX =mouse X+2

ステップは小さくなりすぎないように+2をしている。

マウスの座標に応じてstepも上下する。

rect(gridX,gridY,stepX,stepY)

gridXがx座標  gridYがy座標

stepXがwidth stepYがheight

x座標 y座標は

for (var gridX=0; gridX<width; gridX+=stepX

forループで0からwidth(or height)までループする。

colorMode(HSB,width,height,100);

で色相が0〜widthの範囲で定義、彩度が0〜heightの範囲で定義される。

fill(gridX,height-gridY,100);

彩度はgridYが大きくなるにつれ減っていく