Live Web

Disrupt

Disrupt

For this project, I need to work with two constraint, use Node.js and my 3D avatar, combining my Live Web and Performative Avatar class. I started by exploring how to put my avatar into the web. Three.js seems to be a good tool for this […]

Mobile Sensors

Mobile Sensors

Resources:Debugging in Mobilehttps://developers.google.com/web/tools/chrome-devtools/remote-debugging

Live Web Final Proposal

Live Web Final Proposal

1. Using OSC or mobile-device sensor to control an avatar (This idea will be combined with Performative Avatar finals)References below: 2. Create a collective dump area that when user purchase something online, creates a trash on their desktop. (This idea will be combined with Data […]

Snapshots Filters

Snapshots Filters

Reiteration of previous project. Added filters through manipulating media recorder. Useful Resource:https://www.html5rocks.com/en/tutorials/canvas/imagefilters/https://www.htmlgoodies.com/html5/javascript/display-images-in-black-and-white-using-the-html5-canvas.html

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. Inspiration: Process: Resource and […]

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