Final: https://el3015.itp.io:3128/play.html Final code: here — About: Sound of Color is a web and mobile app that visualizes the relationship between color and sound frequency. — Process: Final project proposal Process — Steps for this week: a.) fix the line animation on the “draw” page/finally get that to work properly, b.) style the page: resize […]

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

Try it out! Code here For this week, I made a very slow type of chat messaging (calling it snail msg for now?). The idea is that you can only send one letter at a time. I guess I am making this as a reminder to slow down and to be ok with taking my […]

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

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

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

Live website: https://gifchat-el.glitch.me/ https://el3015.itp.io:8083/index.html Code: https://github.com/emilylin-itp/live-web/tree/gh-pages/wk4/20191006_gif_chat Note: still a WIP, need to work out the css/responsiveness bit. Also have to figure out why the camera + username input doesn’t work once I run it on forever in the terminal. In general, I need to learn how to properly add the SSL certificate to my express […]