2 elements controlled by the mouse.

There're 2 elements in this sketch controlled by the mouse. Eyes opening and closing following mouseY, as well as the blush.

fig1. Normal face when looking straight

fig2. Blush face when looking down

When trying to figure out the blush following mouseY, I met an issue that I'll need to reverse the direction.

fig3. Inverse mouse Y syntax

1 element that changes over time, independent of the mouse.

As showed in fig1 and fig2, the background is composed of random dots or can be said circles.

I'm wondering how to slow down the random circles happening in the background. It's a little bit too fast right now.

Also t's weird that I have to put

w = random(400);

h = random(400);

twice in order to have the circles having different color, not sure what's the problem here.

fig4. The code for requirement2

1 element that's different every time run the sketch.

fig5. The necklace color changes every time re-run the sketch

fig6. The necklace color changes every time re-run the sketch