Interactive media: Art with code

In this course, we used Processing to create a series of works that combined code and technology with art and design. They were then uploaded to OpenProcessing.org to be publicly accessed online.

Moving logo

For this project, we created a logo that moved and filled itself in based off the timing and stopping points of shapes and variables.

Refresh the embedded page to see it move

Henri matisse inspired piece

For this project, we recreated a piece of famous art using variables and shapes and then gave it moving and changing variations.

This piece is inspired by the artwork titled Icarus, plate VIII from the illustrated book "Jazz"

max ernst inspired piece

For this project, we recreated a piece of famous art using variables and shapes and then gave it moving and changing variations.

This piece is inspired by the artwork titled The Entire City (La ville entière)

untitled

For this project, we experimented with using shapes, fills and speeds to create a mesmerizing piece of moving art.

expressive eyes

For this project, we used options and similar code as the alien project to make a series of four faces that can be clicked through.

Click on the face to see the next one.

Drawing program

For this project, we created a drawing program with a series of brushes and stamps that could be cleared, saved, and with an example of a possible outcome.

Use the above keys and mouse options to create a scene of your own.

simple game

Moving alien

For this project, we created a simple interactive game with a score and an objective.

To play, try to click on each falling sphere and don’t let it touch the bottom of the screen.

For this project, we used variables and mouseX and mouseY and pmouseX and pmouseY functions to create a moving ‘alien’ that could be dragged as one connected shape around the screen.