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

project_org

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
screen-shot-2016-09-28-at-10-18-37-am
http://benfry.com/zipdecode/

martin_wattenberg_and_fernanda_viegas1348616947
http://hint.fm/wind/

vivaldi-autumn-600
http://www.bewitched.com/song.html

Generative art / animation

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

Artificial Life

moth_gen
Moth Generator

Posted in