Hello p5

Screen Shot 2015-09-30 at 8.49.18 AM

P5.js is a javascript library (and a community) that aims to make coding accessible for artists, designers, educators, and beginners.

1) Watch the intro video

2) Download the code editor down in this page if it’s not installed in your computer.

Organizing your projects

You are going to make a lot of assignments and exercises. It’s crucial that you learn where your files are and how to organize them. This is what I recommend:

1) make a folder for this class

2) backup the folder on a USB stick or external hard drive, andrew space or cloud storage every time

3) make a folder for each p5 project by duplicating the example project and renaming it. Don’t use spaces or strange symbols for filenames


If you use the editor this is unnecessary. Just create a new project every time.

No let’s take a look at a project structure…

Some examples

Things done in Processing or p5

Data visualization



Generative art / animation

Interactive toys/installations
http://fox-gieg.com/dev/yellowtail_p5js/ (port)

Artificial Life

Moth Generator

Posted in