Process

Approaching this project, we first considered the various ways we could use fabric to create a liminal space. Almost immediately, we started considering approaches that would allow the viewers an escape from the library environment by using the fabric to shield them. After considering a few approaches, we finally decided on hanging dark fabric from the ceiling to create a secure, calming space for viewers.

However, we also wanted to make this space interesting and compelling. This is where the media component of the project could be used. We decided to come up with some sort of dynamic visual that could be projected onto the wave-like surface of the hanging fabric. This visual would have to be calming while also being interesting: something the viewers could lose themselves in. For this, we wrote a program using HTML Canvas and Javascript (code linked below) that would basically generate a set of circles on a black background, each with a different speed, direction, size, and shade of color. These circles would then move around the screen, bouncing off the walls of the screen and gradually all changing color.

After our desk crits, we decided we could make the projection more interesting by having the circles collide with each other to create some effects, and also by incorporating some sort of sound component to the piece. We also decided to proceed with circles since they are the simplest shape (no sharp edges) and would go best with our theme. After adding collisions with popping sounds and expanding circles upon collision, we fine-tuned the amount, size, and speed of the circles (see link below for final visual product) so they seemed more like bubbles. We also decided we would play some sort of background pink or brown noise with our piece as well. Finally, the last update we decided on was to change the size and shape of the projection by putting cardboard over the front of the projector.

Code for visuals: https://github.com/udayuppal/projections 

Final representation: https://udayuppal.github.io/projections/