Category: Live Web

Live Web Wk 10: Finals Progress (v1)

Steps for Week v1 (11/14/19 – 11/21/19)  a.) Pixelate live stream + get RGB values of each pixel First I pixelated the live stream. This was the reference code for pixelating the live stream: pixelate effect (using this one!). Then I tried to find the rgb value for each pixel. I used the MDN example for that: getting […]

Live Web Wk 8: Pixel Manipulation

Live: https://el3015.itp.io:8103/index.html Code Excited for pixel manipulation! Didn’t have much of a strong concept behind this assignment, just wanted to play around and implement some features. A couple of functions I wanted: a.) sliders to control different aspects of the color and pixels b.) a way for the image and video to be downloaded c.) a […]

Live Web Wk6: Midterm

Both are a work in progress, hoping to have a better “play” page soon:  Version working fine (not really using sockets): https://el3015.itp.io:8104/index.html Version with bugs(using sockets):  https://el3015.itp.io:8092/index.html Issue with the buggy socket vs: color + sound keep a history. don’t get removed in socket version. — Code with socket io: https://github.com/emilylin-itp/live-web/tree/gh-pages/midterm/midterm_soundcolor_v13_wsocket All code versions, including […]

Live Web Wk5: Midterm Concept

Objective: My goal is to visualize the phenomenon of color and pitch frequency. Since both pitch and color use frequency, I aim to show the correlation between the two. Interaction: a.) On the “learn” page, when a person clicks/hovers over a section of color, the wavelength of the color will show up and the associated pitch […]