Live Web

Collaborative Potato

Collaborative Potato

I wanted to create a photo collage that uses bodypix to mask out the background and put people together in a canvas. My first attempt failed. I ended up using pose net to marked the body parts locations of individual users. Github here Live Demo […]

Live Web – Midterm Proposal

Live Web – Midterm Proposal

https://www.deplacemaison.com/collections

Video Call Blind Date

Video Call Blind Date

For the presentation, Dreamy and I wish to bring video chat to this concept of blind dating in our modern society. Users login to the page and will be presented with snapshots of people in the room. They could choose whoever they want to talk […]

Snapshots

Snapshots

My original idea was to manipulate the dataURL of the image by removing or rearranging the pixels. Turns out it was not an easy task. It could not draw the image after I deleted some characters from the string. So I move on to another […]

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 […]

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, […]