P-Comp: Week 8 – Final Brainstorming

I am still unsure on what the exact details of my final will be but I have found myself gravitating towards adult play.  There are a few parts to this.  The first is giving a lack of instructions.  I like the idea that an adult will use their curiousity to test out things when they aren’t given step by step directions.  Also, I like having an aspect that would make someone do something that would normally considered strange (for example, make a strange noise or move in an odd way.)  The final part is the physical touch of it.  I want to have something that feels good to touch so it makes people want to play with it.

With that being said, this is some of the ideas that I came up with:



One idea is the Music Grass.  This is an idea that was thought of with Paula Ceballos.  We discussed having some form of strings that when you touch them, they create a light and a certain note.  As this idea was discussed, we branched off into a couple other ideas.  One that I liked is a musical instrument made out of “grass.”  For this, it would use EL wire to create light when you touched it. Then using a mapping function we can have different types of sounds come out depending on where you touched it.  Theoretically, you would be able to play it as the user learns where to touch it to get a certain sound.  Another aspect of this idea is that it is scalable with the number of wires and placement.  The sensor to use is still not completely clear but I am toying with idea of capacitive touch.

Another idea is to take old fashioned toys and add a level of technology to them.  An example of this is making an etch-a-sketch that uses volume and frequency to control it.  I previously did this in ICM using just a digital etch-a-sketch but I could add in a motor to move a physical etch-a-sketch and have a microphone attached.


A final idea that is Sand Band.  Sand Band is essentially a sand box that would have sensors on the side and play music/sound based on the height and position of the user’s “sand castle.”  For this, I think the challenges would be figuring out the sensors and how to create a nice noise.  For the sensor, I am currently thinking I could use a proximity sensor to base it on the depth and have multiple ones around the box with different distances so where you “played” would have different notes.  In regards to the nice noise, I could either have a delay in the note or possibly just have a specific sound playing that would repeat.  An inspiration for this is Gilles Azzaro turned a 39-second snippet of President Obama’s 2013 State of the Union address.   However, I don’t think this has a sensor that is actually reading the wave forms.

9 Amazing Pieces of Art Sculpted Entirely by 3D Printer




Update: Another Reference for Sand Band

Week 7: Midterm – TrumpPong with Joysticks

For our Midterm, Lisa and I decided to adapt her Trump Pong project to work using physical parts.  We started by easily adapting potentiometers to each of the paddles (shown in the video below.)

Trump Pong with Potentiometer Test 1 from Lindsey Frances on Vimeo.

While it was easy to adapt at first, we found some troubles with the serial monitor.  At first, we tried to add in a handshake between arduino and p5.  While this helped with getting rid of the delay of the trump ball, we still ran into issues with not being able to play and receive data into p5 once the sketch was closed out.  After meeting with Sam, he was able to install a server fix that now consistently works.  Since the code works, we attached the components to the box Lisa made and now have our own personal trump arcade game with joystick:

IMG_2006 2




Here is a link to our codes.

ICM: Week 8- Sweater Weather

This week I have not been feeling well and decided to use this as my inspiration.  I am still learning when to bring a sweater or not.  Therefore, I bring you Sweater Weather.

Sweater Weather

If your city is below 70 Degrees F, it will tell you to bring a sweater:

Sweater Weather - NYC

If you are lucky enough to be in the warmth, it will tell you to leave it:

Sweater Weather - Cancun

Similar ideas to this are Swacket and IsTheLTrainFucked.

PComp: Week 6 – Serial and P5

This week we combined our Arduino and P5.  The labs gave me a lot of difficulty at first.  I had multiple issues from P5 freezing or quitting unexpectingly to the graphing lab not working because I didn’t plug in the wires but the most frustrating thing about this lab is that it will work and then suddenly not work.  By that, I mean that I was able to get the graphing lab to work (see video below) then I would simply close the window to rerun the program and it would not work.  Is this due to the delay in the arduino? Does it need to be longer?

Graphing with P5 and Arduino from Lindsey Frances on Vimeo.


I tried to be a little more ambitious and connect my ICM assignment this week with this assignment.  The original P5 looks like the below video.  I tried to change the first slider which changes the x value of the bezier and creates a different type of “wing.”

Butterflies from Lindsey Frances on Vimeo.

Here is my code and my video of the application in use is:

Butterflies with Potentiometer from Lindsey Frances on Vimeo.

I ran out of time to do this but I wanted to add a second potentiometer to control the y-values.  Would I be able to do this by using the same Arduino code and just adding a second variable or would I have to do something in addition?

ICM: Week 7 – DOM

This week we learned about DOM elements.  For inspiration I used Moon’s workshop example.

Moving Triangle from Lindsey Frances on Vimeo.

After manipulating it a little, I created what looks like abstract butterflies.  Then I added some sliders and buttons to change the colors.  I tried to create a slider to change the amount of “butterflies” but found that since that for loop was in the setup, I couldn’t get it to work.  Would I have to make another function in order to do this?

Butterflies from Lindsey Frances on Vimeo.


  • Is there a reason it is more useful to put HTML and CSS elements in the Javascript file than having them in their own individual files?
  • Is there a way to have font from an HTML element put behind an JS element?
  • Can the font style be put together in one style function rather than multiple lines?

Week 5: PComp

With redoing the Servo lab, I changed the code to make it turn 360 degrees.  However, it doesn’t seem to move a full 360.  Is this just due to the micro servo’s ability or is there something wrong?

Servo 360


Untitled from Lindsey Frances on Vimeo.


Here is a simple application (disclaimer: I do not approve of the use of real guns for this application.)

Servo Movement from Lindsey Frances on Vimeo.



In addition,  to this I was wondering where the Duplex Serial Lab is.  Serial Communication I think I understand to some extent but something is not clicking and I am not exactly sure what it is.

ICM: Week 5 – Galaxies and Synthesis

This week was a two-parter.  The first part was the Synthesis Event.  During this, we partnered up to make a one button system.  For our idea, we were going to make a pick-up line machine that was triggered by a proximity sensor.  Unfortunately, we could not get our system to work.  At the end, the farthest we got was the proximity sensor to give one pick-up line but we couldn’t get it to go through random ones.  I think if we had a little more time, we would have been able to finish it.  It was a great lesson.

Synthesis Project


In the second part of this week, we learned about constructor functions.  For this my intention was to create a galaxy.  My first iteration looked more like a tornado.  While, I think it looks beautiful, it wasn’t what I was going for.

Galaxy Tornado from Lindsey Frances on Vimeo.


My second attempt was a little closer once I decided to use the equation for a hyperbolic spiral but it was too structured and circular:

Circular Galaxy from Lindsey Frances on Vimeo.


After being shown that I can have the angle in the hyperbolic equation be my main variable and use that as the parameter in my for loop, I was able to mess around by adding a spiral function to finally get the galaxy that I wanted:

Galaxy from Lindsey Frances on Vimeo.


The step I couldn’t figure out was how to repeat it after a certain point.  I did learn that if I square the angle for the x in the spiral function, I got an interesting vertical line pattern that moved as if it was coming toward the screen: Square Cosine

Vertical Lines from Lindsey Frances on Vimeo.


Question: What is the best method to restart an object’s function?



PComp: Week 4-Review and Revelation

This week was a week of review for the class. As I have not been good at posting my pictures of me doing the labs, I have included them here.  While I have done them, it was easy to follow along with the labs. However, it was harder to come up with applications because I think I got lost on what would be an application and ended up feeling embarrassed.  Last week was probably the tipping point of this as it ended with me just not being able to process information and just having a feeling of defeat.    I just had this fear of being wrong which froze me.

Untitled from Lindsey Frances on Vimeo.

Previous LabsIMG_1876Previous Lab

During this week of review, I realized I had to change my approach in learning.  I decided to review all of the labs I had previously done by first just reading them first before actually doing them.  This allowed me to see if I could visualize it. Then I would redo them trying to recreate them without the text.

I learned that the hardest part for me was programming the Arduino. While I understand the analog versus digital and read versus write, I get confused when setting up a new program or adding a new piece.  For example, for my simple application, I wanted to create a “magical keyboard” with photo sensors that would change sounds based on the amount of light.  When I started to do the lab, I quickly saw that this was what the lab was about.  So I tried to experiment with the lab still and change the pitches to map at different values but it never seemed to change for one of the sensors.   I was confused because in my mind, the part of the function should be  able to be repeated at with different values.  I finally figured out that my numbers weren’t at a large enough range. I ended with this result:

Error Message
Error Message

Untitled from Lindsey Frances on Vimeo.

Instead, I decided to try to combine digital input, analog input, and analog output by trying to create a sound machine that would change between two ranges of pitches when the button was pressed for the potentiometer to be turned to. However, when I tried to combine this, I found the pitch of sound to vary when the potentiometer was turned but when I pressed the button, just one sound was released.  Is this due to my circuit setup or my code or both? Also, why is the volume of sound so quiet? Is this due to the speaker not being of great quality or is it something that was done in the setup?

Untitled from Lindsey Frances on Vimeo.

Potentiometer and Button Sounds
Potentiometer and Button Sounds

In the end, I am still not sure if this is the right approach to this weeks blog and if my simple application is sufficient.  However, I am going to just focus on what I learned this week and what I want to learn in the future. I have already started to come up with ideas for what I want to do for the midterm and final.  As I am now feeling more comfortable with asking for help, I plan to set up office hours to understand how to make my ideas come to life.

ICM: Week 4

In the beginning of this class, we were told that if we didn’t understand the topic then we can say that in our blog post. Well, today is the day that I use that card.  I just don’t get it.  I understand how to create a function and how to call it and I also understand the examples given in the videos on creating a function within an object. What I don’t get is how to do this with my design.  All I wanted to do was create a image where clouds would move in different directions and “morph” into different shapes. I can do this by calling out my image function within a for loop that’s in the draw function.  If I move this for loop into a new function, it just doesn’t work.  What am I doing wrong?  Also, how can I have different changing variables for each parameter (not just using the “i” and “x” variables with different multipliers)?

Screen Shot 2015-09-30 at 9.04.43 AM


Here is my image.

PComp: Week 3-Interactive Technology for the Public

Every morning, I walk past a Citi Bike station without thinking much of it.  I have heard many opinions on it but haven’t really put much thought into it until now.

Citi Bikes are a bike sharing program that allows a person to check out a bike for an allotment of time then return it to any other station.  Depending on the location of these, they can be used commuting or just touring the city.  Overall, the bikes are used as an alternative form of transportation to subways and cars and to owning a personal bike.  IMG_1913

The interactivity of these comes in two forms: the station itself and the app. The station has a screen that you touch and follow the steps to pay and unlock your bike from the station.  Although the steps are laid out on the station, there seemed to be a variety of issues when the users were interacting with it.  One user commented that it was confusing; however, I couldn’t tell at what part they were at when doing it.  Also, the taking of the bikes and placing things in the “basket” seemed difficult for users and became the longest part of the process.      IMG_1909

While the station had the user interacting physically with the bike, the other technical interaction comes from the app.  I didn’t see anyone using the app at the time but I know from researching that it can be used to locate a station and find out the availability of bikes.  I think the app can also easily show how Citi Bikes is a system in itself. As a bike is taken from one location, it is returned in another.

I think the interactivity of Citi Bikes comes from showing that it is a moving system and each user is playing a part in the movement when they check out and in a bike in different locations.  Also, the station has the person interacting on a digital as well as physical level.   However, this technology may go against the ideas presented in Norman’s and Crawford’s work because it only uses hands for the interface and doesn’t listen and think in the way Crawford imagines.