Final Presentation

Physical Computing

The Protest Time Machine


conceptFor our final project, we created a protest time machine, in which each decade reflected some political movements or protests that influenced that specific decade. The concept was to connect the lyrics to the songs with what was happening at the time.



At first, we used the bare conductive paint, with the bare conductive board, which instantly allowed us to download music on to the board and connect it to the paint with conductive tape.


The TouchBoard however, only allowed us to play the music that we wanted to put on the board, not the visuals. The initial idea was to have animated visuals of the lyrics and videos of that movement in that decade, to show to the people how the song is connected with what we wanted to portray. Therefore, in order to do that, we used the program Max, to connect the pins from the Touch Board to the code in Max.


Every time you would press on a figure, the song would play from the touch board, and the visuals would play from Max.

User Testing

Because we were using conductive paint (which is flakey), during user testing the figures did not really work that well. Therefore, people were unsure as to what to do when they looked at the board, and ended up touching all around the board, mainly the conductive tape. So after careful consideration, we decided to change routes and decided to go with actual buttons instead – this was because buttons are more reliable.

Different Direction

The first thing that we had to do, was to create a schematic which connect ed twenty buttons to a breadboard and an Arduino.



-I tried really hard to multiplex, but it seemed impossible at that point, so I then went for the mega Arduino. It was going to be cleaner and tidier.-


When connecting the buttons to the Arduino, it was easier to create a code with an array, which would loop depending on the button pressed (or pin mode).



After creating the boards and the wiring, we needed to decide on the design. Because we changed from paint to buttons, our design was going to look a little bit different due to the fact that we now had four different breadboards to connect together. At first we thought we would use six breadboards – four for each decade. Honestly, I spent way too long reorganizing buttons during this project in order to find the correct way to place them for our design. Our initial idea was to use small boxes for each breadboard, each one attached to the other, and wires going through them. But after careful consideration, it made more sense to keep the original design, and put the breadboards on the white wood just like we had it before.



To hide the breadboards and the wiring and connect our figures to our boards, we cut out acrylic over the buttons, and put the acrylic over the breadboard with some space in between – kinda like 3D, and then put the stick figures on our buttons.



The projections of the visuals will be projected from the top facing down on the board. We did not have accurate size acrylic on the top of the boards, because it was too late to re-do the second one.








Final Project

Physical Computing

After our User Testing, we got a lot of good feedback about how to continue the project further. For starters we need to work on our content, because that is what will make the project not only stand out, but make people feel some type of emotion. Our songs were a bit random, and our professor, Tom, told us that they should correlate with one another to make it more understanding towards the audience. As for design, we were using the bare conductive touch board with conductive paint. However, it is not as reliable as we thought it would be because it does not always work accordingly. Therefore, we are now attaching 24 buttons to our design instead, and this will be much more reliable and interactive then the paint.

Code for Buttons:

i first tested it out with 10 buttons, and programmed those with our songs and video projections, and I will now continue and program the 24 buttons.

int buttonPins[] = {2, 3, 4, 5, 6, 7, 8, 9, 10,11}; //will need to add more buttons

void setup() {
for (int i = 0; i < 10; i++) {
pinMode (buttonPins[i], INPUT);


void loop() {
for (int i = 0; i < 10; i++) {
Serial.print(” “);










After connecting our content with the buttons, we will have to finish the final design which we are also making some changes on. Stay tuned.

Final Project – Protest time machine

Physical Computing

After play testing, we realized that Pedro’s map was not something that we wanted to continue, due to the fact that we were not as passionate for creating a game. So we then sat down and come up with different ideas, and came out with the Protest Time Machine. By using conductive paint and the Bare Conductive Touch Board, we are going to connect songs based on a decade, that represents a certain protest or era in which some political issues were going on. When you touch the decade, different songs will be playing using the conductive paint.



Conductive Paint
Conductive Copper Tape
Bare Conductive Touch Board
Arduino Board
MP3s for the selection of political/protest songs
White Boards
Projection Mapping Program, MadMapper

After coming up with the concept, and figured out the songs, we were then able to start working on the Touch Board, and put on the songs and connect them to our design.








Anne-Michelle found this image, and it worked perfectly with out concept and the way we wanted to design our project. The idea is that when you click on the people from different decades, songs will play, and then we are incorporating animated lyrics into the background using projection mapping.




















Our stencil did not come out too well, due to the material we used to laser cut it, but we are re-doing it. BUT it works! each person plays a different song, and I think it’s pretty cool. We are connecting more songs to another touch board and adding more decades. We also want to incorporate objects that relates to that decade, and connect the projections with those objects.

I think what is important now, is to make sure we have all the graphics that we need in order to actually start using the projection mapping elements to it.

Final Pcomp Idea – Pedro’s Map

Physical Computing

For our final project, Anne-Michelle and I would like to make an interactive visualization of video footage that we take. We have a couple of ideas that we are playing around with.

IDEA #1:

Pedro has to get through this map maze and if he is able to get through the exit, then there is a prize? visuals will be projected through the canvas and it will be simulated from behind the projected map. Pedro is controlled via gestures, or manually with some controller.

IDEA #2:

Pedro is going through a New York City map, and as he goes through some major stops, visuals of certain things to do in NY will pop up. So map and Pedro will be controlled on a screen or table in front of you, and visuals will be projected behind. For example, if he goes to 9th and 14th street, the Highline will be projected on the back – this will be used for tourists that visit NY, and it will be all the hot spots to see.


10_21_prototype screen-shot-2016-11-08-at-12-45-38-pm



The Ballance Challenge

Physical Computing

During the last two weeks, Jesal and I have been working on our midterm project, The Balance Challenge, which is a game where the user uses a board which they must balance on in order to move their player on the screen from left to right to avoid square bricks falling from the top of the screen.

What we used:

  • Arduino Uno
  • AdXC 335 Accelerometer
  • Breadboard
  • Wires
  • 3/4″ Canadian birch wood
  • 1′ Canadian birch wood
  • 6″x6″ wood enclosure
  • Gorilla Tape
  • 5.75″x”5.75″ black acrylic (3mm thick)
  • USB 2 Cable
  • 4 2″ screws
  • p5
  • C++ (Arduino)


1.First, we created the game by coding it in the p5.js sketch, making sure that it had the exact effects that we wanted, such as the colliding effects, and the falling random bricks.

2.Then we built our prototype using a cardboard box, and a cylinder cone – this was good because we were able to tilt it from one side to the other, and place the accelerometer on it in order to see if the mapping distance would work. In order to synthesize it with the p5.js sketch, we made sure that the code worked using the prototype first, before we started to build the actual board itself.


img_9667 img_0007

We determined that we only needed one output (direction) from the accelerometer (the y-axis), as the board only needed to tilt in two, opposite but equal directions. We determined the raw values after connecting the prototype board and seeing what the min and max values we were seeing in the serial monitor. We then mapped the raw data from 0-2, with 1 being the ‘Middle’, 0 being ‘Left’ and 2 being ‘Right’.

3.After we knew that the prototype worked, we started to build the balancing board. We got 2 main wooden parts, and used one of them as the front base, and then cut the other one in 2 semicircles and attached them to the wood.






Things I would do differently:

This project took a long time to put together, and was definitely a challenging one so I learned a lot from it. What I would do differently, is possibly changing the p5.js code in order to change the game completely. Our code was not completely finished, and people did not initially understand what they should’ve been doing – so as mentioned in class, it would be ideal if we got people’s responses and changed the game into what people thought was the correct way to be played. Also, the board could have a finer finish with a little paint in order to have a nicer design.

However, I am very happy with this project because we worked really hard on it, and it worked the way we wanted it to work originally. Jesal is a great partner, and him and I worked really well together with no issues. We were both really into the idea of the game, and wanted to have not only a great project but a good design.

Code reference:

Week 7 – Bubbles

Physical Computing

This week, I created a code in which was controlled by the button sensor on Arduino. As soon as you pushed the button, these colorful bubbles appear and make it really appealing to watch.

First, I made sure that the code on Arduino was the correct one, and with some help, I was able to adjust it in order to control the button with numbers – so ON was 1, and OFF was 0. Therefore, I would then be able to control the bubbles appearing on a p5.js sketch based on whther or not the button was on 1 or 0.

Although my p5 sketch is not the most complicated one, I was able to use a construction function to do this, which was something that we just learned how to do.

Arduino Code:

(By Tom Igoe)



Week 5

Physical Computing

Synthesis Week

Synthesis was something that I particularly enjoyed because it allowed us to combine two types of software in order to make anything that we wanted. We used a digital log in order to translate this image of the dog with a potentiometer. I personally thought it was very cool, and very fun to do especially in teams.

Creative Project

For my creative project this week, I wanted to make something that would be in a haunted house (since it is almost halloween). The idea would be that if you were in a dark room, and you stepped over the photosensor, a scary face would pop up and make a screaming noise. Since I did not build a house, I used my hand to cover or uncover the photosensor, and coded the sound and image in p5.js.

Arduino Code:screen-shot-2016-10-11-at-8-12-48-pm

P5 Code:

screen-shot-2016-10-11-at-8-41-59-pm screen-shot-2016-10-11-at-8-42-14-pm

Scary Image:



Making Interactive Art:

This was a very interesting read, and as someone who does not generally like to show their art, or show their makings, I would much rather have people see the art rather than have me talk about it before hand. The idea is to have people look at it and judge it without you having to say anything about it, and that works with someone like me, because unless I need to explain something specific, I would rather not talk about my work until after people have seen it. When you share info before showing the piece, you have to limit it to specific amount of info in order to get the ideal and most influential responses from the audiences.

Labs this week (4)

Physical Computing

This week, i focused mainly on the labs that we went through in class, and to catch up on anything I had left behind. These are the labs I did this week.

DC Motor

img_3527 img_3528 img_3530

Dimming the DC Motor

Dimming LED with motor

Servor Motor

img_3538 img_3539

Labs from Class – Melody

This was the melody that we learned in class, and which was assigned to us in our lab notes. Going further with that, I wanted to practice inputting other melodies and changing the board around, without actually making my own melody (I just do not have the ability to make music), and therefore looked up melodies online such as the Star Wars theme, and the Super Mario theme music. By doing these, I was able to understand more about the code in relation to the board, and understand more about how the two connect.  It really helped!!

Star Wars Theme

Super Mario Theme

I also wanted to make an audio file play into the Arduino, and found a hack DIY online that does that. Unfortunately I did not have the time to execute this idea, but I would love to try it this week, in order to see if it actually works, because creating my own melody was not something that i could easily do, where as having the songs I want play over my projects would be fun for me.


Interactive Technology

Physical Computing

For my research, I actually just researched my roommates at home using the new Apple TV remote. When apple came out with the new Apple TV, they also incorporated a touch screen remote which looks beautiful, and it also chargers. However, this remote is not so much user friendly as you would think it is because of the touch screen. It is a very sensitive touch screen remote which does not even feel like touch screen, because we have to constantly make sure we are pressing the correct side of the remote. My roommates are constantly getting annoyed with this product, especially when having to enter their name or find new TV shows – it sometimes does not click what you want to be clicked, and it is sometimes goes in the wrong direction. This remote also incorporates Siri into it, which is actually really cool, because if the typing part is annoying, then you can just tell Siri what to search or input into the TV. However, as everyone already knows by using their Iphones, Siri is not always accurate and will sometimes miss-hear what you say. When I want to watch TV, I want to be able to relax and not get angry at the remote every time I want to use it. The whole transaction of opening the TV, finding Netflix, clicking on it, and Finding my show, probably takes us 3-5 minutes depending on if we are focusing on just that transaction. This is far too long, and is very annoying to have such a touch sensitive remote. The design of it however, is beautiful as i mentioned, and it is very aesthetically appealing. But my roommates and I just want to be able to sit on the couch and press the remote without it having issues. This product, if anything, makes me feel disabled because I feel stupid not being able to use the remote.

Design for disability is a very cool concept to me, and when I think about fashion, especially eyeglasses, I think about my glasses and how I hated wearing them up until they became fashionable. Well not so much fashionable, but as I grew older, I started wearing a lot more nicer glasses rather than just the regular spectacles that we would wear as children with the black borders. It’s bad enough not being able to see, but having to constantly wear something on your face is very tiring. My glasses now are purple, and they are considered “hipster” which is basically what fashion does – whatever is fashionable is a lot more acceptable, and hipsters are always making new cool fashion trends. The Alexander McQueen fashion show surrounding the prosthetics legs is one of the most iconic fashion shows that have ever existed. It is not only an amazing piece of art, but Alexander McQueen brought in a very controversial and a very disturbing subject and made it into something beautiful. The idea of not having legs is obviously scary, and prosthetic legs are not something that are considered “fashionable” as such, but that fashion show made us feel like the prosthetic leg was used for much more than helping people walk, but it showed that everyone can be beautiful.


Sensors LabWork

Physical Computing

This week, we learned about sensors. Using the Arduino, we were able to code certain codes that make sensors work with LED’s. With my own project, I used a distance/audio sensor to create a mirror in which lit up when I picked it up. This is part of a future vision of Virtual/Visual shopping. The idea is to have an indicator in which tells you when you are in front of the mirror – (which then dresses you). Ideally, I wanted to use a hand mirror which knew when I was looking into it, but I used a compact mirror which calculated the distance from the table, to the distance of me holding it in the air.

screen-shot-2016-09-28-at-10-15-43-am screen-shot-2016-09-28-at-10-15-53-am

img_3312 img_3315 img_3317 img_3320 img_3321 img_3322 img_3323 img_3325 img_3398 img_3400