Smiley

Rebuild the Smiley in p5.js

  1. Open the template file:
  2. Fork the project:
    Click „Fork“ in the top left corner and choose „Fork to my Projects“ to create your own copy.
  3. Rename the project:
    Change the project name to „04_SUE_Smiley“.
  4. Adjust the canvas and settings in the setup() function:
    • Set the canvas size to 400 x 400
    • Add a frameRate of 10
    • Switch the angle mode from radians to degrees:
      p.angleMode(p.DEGREES)
  5. Draw the Smiley:
    • Use a stroke weight of 10 for the outer circle
    • Add facial features (eyes, mouth, etc.)
    • Use an arc to draw the smile:
      (you can use p.arc() with appropriate parameters)

Here is my result:

This website uses cookies to improve user experience. By continuing to use the site, you agree to this.

Privacy Policy