Socially Engaged Art


Write down 3 ideas for projects that you think act as socially engaged art practice, one paragraph each. These are thought experiments, and do not have to be something you can do right now. 

Idea 1: The Alley-way Project 

This topic came about right after class when Lauren, Ellen and I were in conversation about this assignment. We extended the discussion about public spaces and who has access to them.

I thought of the idea of transforming spaces to change how people feel about them while being in them We have this common perception of an alley being a narrow, unsafe, dirty, and sometimes dark place. The idea is change this notion. So the overarching question is, how can we make an alleyway inviting to others. What can we do, adding or subtracting to them to make people want to walk through them? Our idea was to possibly fill them with  things that one would find at a festival: music, food, and much more.


Idea 2: My Shoes, Your Shoes, Our Shoes

The idea is to be able to step into the shoes of other people. This will be done in a public space, possibly on the street or in a park. Participants will be given chalk to outline their shoes on the ground. After outlining their shoes, they will be asked to type a message on their phone that is reflective of their personal narrative.  An Augmented Reality (AR) tracker will somehow be associated with their particular outline and message. Participants will be able to both tell their story and experience the stories of others. And the participants will use some type of app on their phone that detects AR trackers. This will be placed in front of the outline they created. Once another user steps into the outline of a person’s shoes and use the app place it over the tracker, they will be able to read what the person was able to write. In this way people will be figuratively stepping into the shoes, or at least partially, of others.

question: Would including audio into this project have a better impact?

How to make it simple enough that large crowds can participate?



Idea 3: Living  Walls

This idea aims to highlight what exactly New Yorkers like/dislike about their particular neighborhoods. There will be multiple, portable walls placed in various neighborhoods around NY. The walls will initially be blank(white) and they will be left in each neighborhood for about 2 weeks. After that time all of them will be collected to be displayed in a public art show. The goal is to spark a conversation about the similarities and differences across communities that have been disconnected by affluence. Affluence will be operationalized further.






Unity Game

For this assignment I decided to create a game in unity.

This is the first iteration of the game layout. I had a difficult time figuring out how to make the blue plane with the red planes. If I had more time, I would keep with this idea. The direction I would go in would be towards an Assassin’s Creed game. That was one of my favorite games. Ideally I would want the main character to be a black woman.

I also enjoyed the mobile app Subway Surfers. There are many many games that are very similar.





Be Free

For this assignment I challenged myself to use already-existing footage. Specifically, I used green screen footage that I compiled from YouTube. I believe there is something interesting in using ready-made materials and repurposing them.

I was restricted in how I could tell a narrative because of so. My goal was to try and tell a seamless narrative. However, I learned a lot from this process. For example, I had to re-think my shots and angle.

How did I do it?:

With my current interest in the topic of racial injustices, I knew from a general perspective, what my project would be about.

Green screen footage was perfect because many of the videos I came across stood alone, they were not contextualized. It was when I added background images, and other object into the same frame that these materials began to tell a story.

I was extremely limited in what I could do with the footage because i was limited in After Effects. After learning a few tips and tricks, my footage began to come together.

At first, I contemplated on whether the  video needed audio. I was interested in the silent nature of the story. I also wanted the view to be alone with his or her thoughts.

I then revisited this thought. Again, because there were were some limitations, I decided music has the power to connect the gaps. At least, that was my take on it. In the end I believe the music complemented this piece.

Future directions:

If I had more time I would have made the film more. . .






I used this week for compiling green screen footage that I would use in my animation. I know I wanted to develop a piece around police brutality. I did a simple Youtube search and that is where I found all of my green screen videos.



For this assignment I created an animation of my character (doesn’t have a name yet) being hit my a ball.  The character first assumes that since the ball is initially traveling at a fast speed, that the impact will cause a lot of pain. However, as the ball approaches, it suddenly slows down and impact is low. The character is “blown” or upset that its expectation was not the reality. So the after the impact of the ball hitting its face the character says “WOW.”


The main challenge I has with this assignment was establishing a new position for each part of the character’s face that I chose to move. For example, when I tried to move the eyes brows it would move and that be the permanent location. And it did not move to the new position once I played the animation.


Our group decided to make a video of us traveling from our hometowns  to ITP.  We wanted to make sure each of our travels were uniquely different.

Introduction to Computational Media


Final Project Proposal

Final projects are a creative idea inspired by the concepts in this class. There is no requirement to use a particular aspect of programming. The idea and your enjoyment and interest in the idea is what counts. Some things to remember.

  1. Keeping things simple and small in scope is a plus. If your project idea is a big one, consider documenting the larger idea but implementing just a small piece of it.
  2. Also think about making a final project for a small audience, even one single person like a family member or friend. . . or yourself. This can be a good way to focus your idea and design process. “Generalizing” the idea can come later (or maybe not at all.)
  3. Final projects can be collaborations with anyone in any class.
  4. Final projects can be one part of a larger project integrated with Physical Computing or another class.

For my final project I decided to create a visual to the song HiiiPower by Kendrick Lamar.

How it works:

There is a boombox and a flat screen tv preloaded onto the screen. And there are six buttons on the boombox. As you press each button a section of the song will play. Once the song plays the text will play also. In addition to the audio and text pictures relevant to the lyrics will play on the tv.

This is how the screen will first appear.

Once each button is pressed the screen of the tv will display a visual that is specific to the lyrics that are playing.

Once you press another  button the same will happen.









  • Create a sketch with one or more of the following. Feel free to add DOM elements to a previous sketch.
    • Pre-defined HTML Elements
    • Pre-defined CSS Styles
    • HTML Elements generated by your p5 sketch
    • Some kind of mouse interaction with an HTML Element using a callback function you write.
    • If you are feeling ambitious, try replacing a DOM element with a “physical sensor!”
  • Questions you might ask yourself while working on the above.
    • When does it make sense define HTML elements in index.html?
    • When does it make sense to “generate” HTML elements with code in p5?
    • When does it make sense to apply styles in code with the style() function vs. predefined styles in style.css?
  • Next week we will look at working with data and APIs in class. If you feel so inclined you can take a look at some of the video tutorials in advance. Please add a link to a data set or “API” that interests you. You don’t have to know anything about how to use it, but having a list of examples we can examine in class next week will add to the discussion. You can also contribute to this wiki list of data sources.





  1. The idea this week is to explore re-organizing your code. It is 100% legitimate to turn in a version of a previous assignment where nothing changes for the end user, but the code has been restructured. You may, however, choose to try a new experiment from scratch. Aim to keep setup() and draw() as clean as possible, and do everything (all calculations, drawing, etc.) in functions that you create yourself. Possibilities (choose one or more):
    • Break code out of setup() and draw() into functions.
    • Use a function to draw a complex design (like this) multiple times with different arguments.
    • Write a function to that returns the result of a mathematical operation that you need to do several times in your code.
  2. An optional quiz to test your knowledge if you like.




  1. In general this week, you should work with rule-based animation, motion, and interaction. You can use the ideas below or invent your own assignment. Start by working in pairs/groups as determined in class. Try pair programming, 1 person at keyboard, the other keeping overall picture. Can you divide an idea into two parts and combine those parts? Can you swap sketches and riff of of your partner’s work? You can post together or break off and complete the assignment individually.
    • Try making a rollover, button, or slider from scratch. Compare your code to the examples below. Later we’ll look at how this compare to interface elements we’ll get for free from the browser.
    • Create an algorithmic design with simple parameters. (One example is 10PRINT, see: 10PRINT example.
    • Tie the above two together and have an interface element control the visual design or behavior of other elements in your sketch.
  2. Try this quiz if you want to test your knowledge.



reate a sketch that includes (all of these):

  • One element controlled by the mouse.
  • One element that changes over time, independently of the mouse.
  • One element that is different every time you run the sketch.
  • (You can choose to build off of your week 1 design, but I might suggest starting over and working with one or two simple shapes in order to emphasize practicing with variables. See if you can eliminate all (or as much as you can) hard-coded numbers from the sketch.)









  • Write a blog post about how computation applies to your interests. This could be a subject you’ve studied, a job you’ve worked, a personal hobby, or a cause you care about. What projects do you imagine making this term? What projects do you love? (Review and contribute to the ICM Inspiration Wiki page. In the same post (or a new one), document the process of creating your sketches. What pitfalls did you run into? What could you not figure out how to do? How was the experience of using the web editor? Did you post any issues to github?