This week I tried to add some new functions to my self-portrait and make it more playful.
 

Code: https://editor.p5js.org/LangQIN06/sketches/Yyen-qJQU

I found Bezier which annoyed me last week give me some surprise that I can add variables to the control points to make the bangs wave. Although rotating ellipse can make a similar still effect but difficult to give animation flexibility. 

Besides. I attempted to make some other practices to have a better knowledge of these functions.

I used the functions of the translate/random/sin/cos/mousePessed to create a “Saturn”. And using the functions of map/random/translate to make the “Changing with Mouse”.

Saturn Code: https://editor.p5js.org/LangQIN06/sketches/GaeQjrxfo

Changing with Mouse Code: https://editor.p5js.org/LangQIN06/sketches/gVLP4mqcX

The trouble I got is that I try to make the animation like “Saturn” as a background, like the bottom layer in Photoshop, and put some animation like”Changing with Mouse” on the top layer. I want to combine these two practices but have no idea what to do with them.

Since the random colorful circles in “Saturn” is the result of looping. However, the “changing with mouse” only could be shown in the background only run once. I wonder about is it possible to combine these two together?