Editor Link: https://editor.p5js.org/arshia.lodhi/sketches/pHwL1Mxtq

Example 1:

Q1. Why does the color keep changing?

The color keeps changing in the code because of the function code fill:

function draw() { fill(random(255), random(255), random(255)); ellipse(width/2, height/2, 50, 50) }

Since the fill code is under the loop function, it adds random colors within the same size and location of the circle.

Q2. What do the setup() and draw() functions do?

The setup() and draw() function starts the initial step of creating the workspace where your drawings/sketches will be made. You can set size and add color fills.

Example 2:

• Why does the circle that moves leave a ‘trail’? Try to remove this trail
  • The moving circle leaves a trial because it is duplicating the circle by radius of 1 thus it seems like a trail. If we remove the number or increase the value, you will be able to see the duplicate circle formed within N distance value.
• Try changing the speed of the circle as it moves across the screen
  • By changing the value in the x + N function to greater than 1, it’ll make the circle run faster:
    • function draw() { ellipse(x, height/2, 20, 20); x = x + 5; }

Example 3: