Category: ITP

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

Understanding Networks Wk 2-4: Traceroute

Live site: https://emilylin-itp.github.io/understanding-networks/traceroute_dir/index.html Code here: https://github.com/emilylin-itp/understanding-networks/tree/gh-pages/traceroute_dir — For this traceroute assignment, I used my traceroute data to create a spin-off of google maps. Calling it Traceroute Hop Stops! I first collected the traceroute data from my home, school and a coffee shop. Next, I converted it into a json file. I used https://www.iplocation.net/ to help to […]

Understanding Networks Wk 4: Definitions

WebRTC (Web Real Time Communication): is a free, open source project that enables web browsers with real-time communication capabilities. WebRTC doesn’t require any plug-ins or applications. The technology allows video, audio streaming, and data sharing between clients. How does it work? It is using a set of JavaScript APIs that produces and transmit the multimedia data […]

Joy + Games Wk 3: Game Manifesto

Live site: https://emilylin-itp.github.io/joy-n-games/dodo_manifesdo/index.html Code: https://github.com/emilylin-itp/joy-n-games/tree/gh-pages/dodo_manifesdo — Assignment 2: “As play designers intending to make joyful experiences, it’s time for you to articulate your own design values, which we’ll call your manifesto.” With this manifesto, I focused mostly on writing about the ‘flavor of joy’ I’m hoping to create with games/ playful experiences. Manifestos are inspiring […]

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

Data Art Wk 2-3: Self Portrait

Live site (turn volume on): https://emilylin-itp.github.io/data-art/wk2-3-hw/self_portrait_data/index.html Code: https://github.com/emilylin-itp/data-art/tree/gh-pages/wk2-3-hw/self_portrait_data — I documented every time I said ‘sorry’ in the course of a week. I wrote down who I said it to, why I said it, when and where it was said. Pretty sure I missed a couple sorries here and there, but I tried my best […]