Socially Engaged Art Final – Slow Chat

Throughout this class, I have been thinking about social engaged art in two main ways. The first being SEA that explores making social impact within a community through the creating situations where unlikely groups collaborate. The key thing is that everyone is gaining something valuable from the collaboration so there is equal ownership and no one feels taken advantage of. I also feel that making critical thinking about art and creative practices a part of education can break down the sentiment that “Art” is inaccessible outside of the art world. This manifested in my idea where media sources, students, and local creative practitioners would collaborate together through a class for the students to produce content that is more accessible to a mainstream population and that uplifts narratives of a community’s history and lived experiences.

The second way I’ve thought about SEA is how we might use it to examine our social behaviors that are enabled by technology. In particular, the fact that a lot of digital tools we use are claiming that they help us become more connected, while on the other end, critics claiming our obsession with devices is making us less connected. Connection in the digital space vs connection in real space? I’m starting to think that the line between those two “spaces” are becoming more ambiguous in people’s minds.

A lot of the inspiration for this arises from my own experiences communicating with people in digital spaces – texting in particular. Some friends tell me I am awful at texting since I don’t text back fast enough. Whatever – I don’t feel like I need to be on demand for people via text. But this means that there really is meaning in the unspoken aspects of texting and messaging. Is a message that’s longer more meaningful? If someone waits a long time to text you back, are they mad at you? What’s the deal with this instant messaging power dynamic? Is it weird that texts from your mom and from people you barely know are all at the same level and context on your phone? I think other people have these questions too.

That leads me to my final project for this class. The main question I am asking here is what happens when users interact with a piece of technology that purposefully makes it harder to communicate? And so, my concept was to build a chat application where there are two rules: 1) Users’ messages must be longer than the previous sent message and 2) The reply time between messages must be longer than the previous reply time. The idea is that the reply time and the message length would approach infinity and introduce enough inconvenience for you to perhaps connect with someone in person or just stop communicating with someone altogether.

I have a functioning prototype that we demoed in class. You can play with it here & invite someone to chat with you by sending them the URL. You are greeted with this at first.

Once you enter your name, you can chat with other users in the chat. In this case, our whole class was there. You can see the warnings on your screen, but others can’t see them. Here is the beginning of our chat. Side note: I need to debug some of the code that checks the length/reply time of the messages, so a couple invalid messages may have slipped through if you are looking closely.

It quickly escalates as people start to figure out the rules. There is ASCII art. there is posting of full articles.

This experiment with the class shows how the messages begin to lose their meaning as we are trying to fulfill the rules or test the limits of the system. I would like to see this in the context of two people trying in earnest to communicate. For now, users choose to go to my site and use the chat. I am curious to see this piece in other spaces. Maybe setting up two computers in an installation? Get more people online to use it?

I originally wanted it to be set up so that you could generate private URLs that you would send to the people/person you wanted to chat with, but because of the limitation of my programming skills I only made one chatroom. Also, for this prototype the file server is ephemeral (I am using a free server from Heroku), which means the messages will disappear every so often or when the Heroku server is sleeping. I would like to change this later, but for now, it works to get the point across.

ICM Final – Webcam Self-Portraits


Plz excuse the dead look in my eyes. It’s finals. Here are my questions for the class.

  1. How is interface of this website helping or hindering you from using it?
  2. In what ways do you feel this does or doesn’t capture your personality/identity?
  3. What would you do with the photos you save from this?
  4. How could this be more engaging and exciting for you?

Continue reading “ICM Final – Webcam Self-Portraits”

ICM Week 8

This week we focused on video and sound. The video/imaging processing component is through DOM library and then there is a separate library for sound. I wanted to combine both of them to make a synth that you control with your webcam. I know the sounds are choppy and awful sounding. Once I closed more tabs and tested the sounds individually it sounded like a normal sine wave, so I think my computer/Chrome was struggling to handle all of the code.

Here’s a video of it in action below & you can play with it on my website here.

Continue reading “ICM Week 8”

ICM Week 7 – Extra!

So, now I’ve updated my gif slider to take inputs from the user. Click here to play with it! 

Some nice inputs that have output gifs that make some sense are things like happy/sad or hello/goodbye. Obviously you can get a lot of weird gifs if you want, but I’ve got it set for a PG rating (:

Continue reading “ICM Week 7 – Extra!”

ICM Week 7

This week we talked about APIs and how we can utilize information from the internet. Specifically, I worked with using the Giphy API to make my last week’s DOM project more variable and exciting. Now my sketch will use Giphy’s database to pull up cute cat and dog gifs. There is honestly some weird stuff when you query “cat + dog”, but that’s based on how Giphy categorizes the gifs. Most of it is of actually cats and dogs (sorry if weird stuff pops up). Click here to view my improved cat/dog gif slider website.

Continue reading “ICM Week 7”

Merging Serial Communication with p5 Underwater Scene

I am starting to use asynchronous serial communication to connect what we are doing with the Arduino in P Comp with what we are doing with p5 in ICM. It’s pretty exciting with all the new possibilities, but first I wanted to see if I could use two sensors to make changes in a pre-existing p5 sketch I had.

Continue reading “Merging Serial Communication with p5 Underwater Scene”

ICM Week 5

This week, I worked on creating a sketch using object oriented code. Since we also learned about arrays, I also wanted to work with that too. My inspiration started when I saw the SNL Papyrus Skit, which reminded me of every time I’ve cringed seen Curlz MT used in earnest and also this gem.

As a result, I created functions turn a .txt file of Waves into various arrays of letters or words, and then a couple functions to play with how they are drawn in p5.js. I wanted to add more ways to alter & move the text, but I didn’t really have time. Here it is below and the full code is available here.

Continue reading “ICM Week 5”