Week 4 Assignment

Assignment

Complete the following p5 videos

• What is p5.js
• 1.2, 1.3
• Check out references for shapes and colors in p5.js references

Coding:

• Set up your p5.js sketch file p5.js set up example code
• Do something interesting with geometric shapes!
  • Create a sketch using shapes and colors (stroke, fill, color, background, transparency)
  • Create your own variables
  • Experiment with variables mouseX and mouseY, and function mousePressed()
• Save all of your files (HTML, CSS, JS) in a new folder, and drop the folder into Google Drive.

Resources

• p5.js getting started
• p5.js references
• p5.js set up example code