Creative Coding

These projects are from the course "Computing for Creative Practice" (15104). Throughout the course, I used p5.js to explore and create fun digital interactions and visuals.

CREATIVE CODING / P5.JS

/ INTERACTION / GRAPHICS / VISUAL DESIGN

SIMPLE VIRUS SIMULATOR

A simple virus simulation where one infected particle infects a population of healthy particles. The particles move around at random speeds and directions and bounce off the edges of the canvas. 

  • Your mouse is a social distancing particle that repels all other particles that come within its’ social distancing radius.

  • If you press any key on the keyboard, more healthy particles will be added.

  • If you click the “RETURN”  key, the sick particles will all reset to healthy and the process of infection begins again. 

I created this piece by using the Epitrochoid Curve formula to draw red and blue dots along the shape of the curve. Build high contrast areas by moving your mouse, and click and release the mouse to create a cool

string-art effect. 

COLORS & SHAPES

An interactive composition of simple geometric shapes that change in scale, rotation, position, and color depending on your mouse location.

WALLPAPER

A wallpaper design of a hummingbird and little brown bird. I created the birds in Illustrator first, and then recreated them in p5.js to make the pattern.

CHICKEN CLOCK

An abstract chicken clock in honor of a bunch of chickens I saw sitting in a pine tree the other day. 

  • Random pieces of corn sprinkle per second.

  • The eating chicken moves every second and crosses the screen every minute.

  • The standing chicken moves every minute and crosses the screen every hour.

  • The background gets darker/more purple every hour into the night and lighter/more green every hour into the day.

Background changes color throughout the day.

© 2021 by Maggie Ma