This week I made spinning dot pattern.

I made each circle concentric with different colors using HSB. If the mouse if pressed, the spinning speed will be faster.

This is the initialization part. I set the radius steps to 10 for the dots , and radius step to 40 for each circle.

This is a screenshot of me trying to figure out how should the dots spin properly.

I later learned that the ? operation.

in this case, if mouse is pressed, the value after ? is assigned; if false, value after : is assigned

This determine the rotation speed based on mouse press

I also used the noise() to change the size of the dots and the hue of the dots.

By scaling down the x and y, the noise becomes smoother. This scales down the position of the dot, so that noise values change smoothly based on the dot’s position in space.

The timeOffset smooth variation over time, making the noise value evolve as the animation progresses.