Recent Posts

Data Portrait – Visualization

Data Portrait – Visualization

Base from last week’s data, I visualize them into individual pages. To maintain the aesthetic across three pages, I use similar elements and interactions. 1. Users are presented with the datas visually 2. Each page comes with a top panel that reveals detail of the […]

Let’s Talk About Everything!

Let’s Talk About Everything!

Using the live chat sample code from class. I made a few changes: 1. Made our messages visible on our end 2. Restructured each message into different lines 3. Color coded to make messages more distinguishable 4. Added a random topic on page loads for […]

Data Portrait – collecting materials

Data Portrait – collecting materials

For the data collection phase, I chose to source from the following materials to unveil some facts about me: 1. Refrigerator The datas collected will be used to determine whether or not I am a healthy eater. Reference: MONTEIRO, Carlos Augusto et al. A new classification of […]

Reflection and Color Partition

Reflection and Color Partition

 This is a project by Sebastian last year during their residents show. The use of reflective material along with its irregular shape makes the light bounce and diffuse in an interesting manner. He only had a projector hanging face down as it projects a […]

A/V Interactive Self Portrait

A/V Interactive Self Portrait

The goal is to make an interactive self portrait project with HTML’s built-in audio/video tags. I immediately thought of the famous Black Mirror: Bandersnatch series, where audience could choose different storyline along the way. In my version, I still placed different choices across the video, […]

Raw Ring Growth

Raw Ring Growth

With the data given, following are my three attempts of visual presentation based from Genevieve’s code . All created with p5js. 1.Ellipse position determined by given year(x-axis) and raw ring width(y-position). Color also changes according to raw ring width. 2. Arc determined by RawRingWidth and […]

Final Project

Final Project

For finals, I created this website where people could visit the places I go, experience the things I do, and see things in my point of view. Some of the most frequently-visited place are: 1. Laundromat 2. Trader Joe’s 3. Metro Station Each places is […]

Portakal Live Performance

Portakal Live Performance

Portakal is the final performance piece I made with Bora and Nick in LIPP class.

Parallel Universe

Parallel Universe

As more and more movies like Spider-Man: Into the Spider-Verse and Interstellar are being introduced, it brings up a whole new discussion on the parallel universe idea. Different dimension could exist at the same time. Ernest Cline’s Oasis universe in Ready Player One strongly illustrates […]

SoundPlay

SoundPlay

From last week’s playtest, we were particularly surprised that the kids were engaged in the game too much that they failed to notice the accompanying sounds. To amplify the play experience, we decided to recreate a different output of the sound system. While researching, we […]