Interactivity and Computation

Role
Creative Coding

Timeline
1 weeks - 2 weeks,
Spring 2022

Tools
p5.js
Javascript
socket.io
lowdb

Individual

ezgif.com-gif-maker (7).gif

Augmented Body

Tools
p5.js, handsfree.js

Goal
Using face tracking to conduct an interaction of yelling out letters typed on the keyboard.

ezgif.com-video-to-gif-19.gif

Jelly Puppet

Tools
p5.js

Goal
The user can control the movement of their jelly puppet. If the user presses the mouse button, they can extend the jelly's tentacles. 

ezgif.com-gif-maker-2.gif

Collaborative Drawing

Tools
p5.js, Socket.io, lowdb, Javascript

Goal
A twitter bot announces the day's prompt and users can draw the prompt synchronously with other users. The drawings are persistent and are stored using lowdb.

ezgif.com-gif-maker (9).gif

Generative Landscape

Tools
p5.js

Goal
A perlin noise landscape with fractal trees randomly generates upon refreshing and the scene gradually changes from day to night.

ezgif.com-gif-maker (8).gif
ezgif.com-video-to-gif-18.gif

Galaxy Clock 

Tools
p5.js

Goal
This galaxy clock shows time through the position of orbiting celestial objects. The hours are shown through the radiance of the sun, the planet's position shows the minutes, and the moon's position shows the seconds.