Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

Intro to
Generative Art

by Ali Spittel && James Reichard

We are going to talk about...

  • How cool generative art is
  • P5.js
  • The intersection of art and code
  • Generative art
  • Where to start
  • Q&A

Let's look at some art...

1D Cellular Automata and the Edge of Chaos

Kate Compton's Flowers

Code Art: any type of art created with code

What is generative art?

  • Some sort of autonomous system is involved
  • Creator does a lot of the work, but re-running the code results in a different outcome
  • Lots of tweaking and iterating

Some Possibilities for Generative Art...

  • Incorporate randomness
  • Make use of algorithms
  • Can have a result in mind
  • Can also do without a result in mind

Where to start...


  • Goal is to "make coding accessible for artists, designers, educators, and beginners"
  • Written in JavaScript, wrapper on the HTML Canvas API
  • Lots of drawing, but also sound, video, and webcam

What to Build

  • Even simple scripts can make really cool stuff
  • Start with tutorials (or CodePens!) and tweak them

More Resources

Coding Train

Keep in Touch!