2/ Encode2

https://editor.p5js.org/enickles/full/MmeQGtwMD

Create a sphere

Between two values from the center for eg. -100 100, move the circle in X direction between that values. Most probably sin function would work for this.

3/ Encode3

https://editor.p5js.org/enickles/full/Vdbb10E_x

This time, instead of moving the circle X value, add the sin function to strokeweight.

4/ Encode4

https://editor.p5js.org/enickles/full/Ia5UitZe-

Calculate the center point of canvas. Rotate the circle based on the center point continuously. Increase the rotation angle incrementaly to create the blur effect because it will draw frame by frame.

5/ Encode5

https://editor.p5js.org/enickles/full/2pj-IIxtr

Divide 360 degrees to equal parts, create time and in each frame draw the next one circle in that position, iterate.