Getting started with p5.js

There are a few ways to use p5.js.

The way we are going to look at initially is the new Web Editor which is only in alpha at the moment (i.e. not officially released).

1. Visit the Web Editor page
2. Click the sign up button in the top right:

Whenever you create a new project it creates a new project name for you (e.g. "Damaged Sleep"):

You can click the project name to edit it.

Buttons across the top allow you to save the project. You can create a new one and also open previous ones.

Click the "Play" button at the top to run the project. The project will draw into the area on the right. By default it draws a grey square by setting the background colour of the 400x400 pixel canvas.