Context: Project for Real-Time Social Spaces, a class at ITP.
Role:
Environment designer, developer
Concept:Playful experience, interactive 3D website
Tools:
WebGL, three.js, JavaScript, spatial audio
Memory
Container
This project is a Three.js-powered exploration of a memory I have, or rather a conglomeration of memories. The focus of this memory conglomeration is the experience of living in a large house with 7 roommates during the pandemic, and includes some sonic memories associated with that space. I used home recordings and recordings from an album that was written during in part during this time to revisit the sensations of being locked at home for so many months, as well as some abstract visuals to evoke the layout of the house.
Backstory
For this assignment, I focused on a space I grew uncomfortably familiar with - the house I spent the 2019/2020 academic year in.

There were a variety of unique experiences that happened in this house. This is the place where I was first accepted into my major program in undergrad, where my roommate’s band finally got off the ground, and where some legendary house parties were thrown. It’s also where we were forced to spend the early months of Covid in quarantine, growing to hate ourselves and each other. This was a dynamic space that forms an amalgamation of memories in my mind, all of which I wished to revisit.
This project features a variety of 3D objects in it, sourced from a variety of places. First, there’s the three.js water sketch that forms the reflective back walls. Next, there’s the bloom effects that were swiped from this code right here. Everything else is three.js boilerplate. I had fun scanning and importing a model of my own face into the sketch, which looks lik
e this:



couch much like the couch that was in our attic, serving as my bed for a month in the early days of quarantine.