Welcome to Coding
Calling Functions Examples
Use circles to create an interesting pattern.
Draw a circular pattern using the arc function.
Using Variables Examples
Creating Variables Examples
Use the random() function to draw a random skull.
Creating Functions Examples
Create a function that draws a house.
Create a function that draws a town.
Use functions to draw a random city.
Learn how to debug your p5.js code.
If Statements Examples
The power and beauty of the random function.
Use mouse and keyboard input to make interactive sketches.
Make your computer mad when you click the mouse.
Use patterns to repeat work without repeating code.
For Loops Examples
Code your own virtual menorah!
Make a rocket from the whitespace in your code.
Create variables that hold multiple values.
Using Objects Examples
Creating Classes Examples
Use recursion to create a digital bonsai tree.
Draw lines that loop around the screen.
Show planets orbiting a sun
Display and manipulate image files.
Increase the randomness of an image along the Y-axis.
From p5.js to Web Dev
Use libraries to expand what p5.js can do.
Want more info before you dive into coding? Read these!
Which p5.js editor should I use?
From Processing to p5.js
- p5 spooky sketches is a printout I made for CC Fest in 2019. It contains a bunch of halloween-themed examples of drawing and image manipulation.