Category: Live Web

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

Live Web Wk 4: GIF Chat!

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

Live Web Wk 3.5: Coloring Book (NY Edition)

Code: https://github.com/emilylin-itp/live-web/tree/gh-pages/wk3/color-a-blank-code%20final Try it out! http://el3015.itp.io:8080/index.html — Wk 3 Continued: 09/26/19 – 10/04/19 (version 2) I decided to continue working on the collaborative drawing project from last week because it didn’t turn out how I had imagined. It’s also good to just get more socket practice! There are so many features I still want to add, […]