In the video below I walk through creating a programming project. This project is creating a scene with clouds and sun and then adding code to move the sun up and down when the up and down arrow keys are pressed. Click the image or the link below it to go to the video.

Remember to join our Replit Team and start the project with the p5.js Programming Module Project that is provided there. Details in the Programming Project Setup post.

Links

Here are links to resources mentioned in the video

• Programming Module Page
• Programming Project Setup Post (how to get into the project in Replit Teams. This is a required part of how you start the project.
• p5.js Reference Pages
  • color
  • fill
  • ellipse
  • rect
  • circle
  • keyIsPressed
  • keyCode
  • text
• HTML Color Names reference (named, hex and rgb color values you can use for colors)
• CodePen Examples
  • Shapes in p5.js
  • p5.js keyIsPressed (note this has a different syntax for the if statements and shows how to use key to know what key is pressed as well