ITP Map

For my data visualization project I decided to create a map of ITP. I sent a google form to the ITP class of 2018 and I received 60 responses (which is half of our class). I tried linking the google form data directly to P5 through our professor’s video tutorial but I couldn’t make it work so I decided to manually create a JSON file with all the information. What was really hard was mapping the latitude and longitude points with pixels.

screen-shot-2016-10-27-at-3-35-17-pmscreen-shot-2016-10-25-at-1-54-27-pm

screen-shot-2016-10-27-at-3-26-41-pm

SMS Controlled Interactive Pumpkin

For my midterm project I chose to create an SMS controlled interactive pumpkin that lights up and changes colors according to the text it receives. I’m a huge fan of Halloween and always wanted to create interactive halloween props. The user will send texts such as “wicked” and “ghost” that will turn the lights inside the pumpkin to green and blue respectively. Through this interaction, I want to convey the message that it’s interesting how we are all connecting specific words to specific colors. It was really a very big challenge because I had never worked with the GSM shield before and setting it up and figuring out its functions took me a really long time.

screen-shot-2016-10-22-at-6-04-41-pm

After hours of trying to figure out the GSM shield, I connected an LED and tried to make it blink via text message. I was immediately relieved when I saw the LED blinking 🙂

However, the next day, I tried making and RGB LED blink and it was not working. My GSM shield stopped responding as well and it seemed like it needed external power. After hours of trying again with simple LEDs that were not lighting up either, I realized that the reason they were not working was that all the pins were being “used” by the GSM Shield. The only pin that finally worked was pin 7!

Panicked that I would fail my midterm, I tried using the LED RGB ring that works by only connecting it to one pin. I had to combine the example code from GSM Library and the Neopixel Library for the code to work. After hours and hours of changing the code and using some help from the residents, my LED ring was finally working. Moreover, I created some if statements for the pumpkin to light up and change color according to Halloween related words like chaos, wicked, ghost, scared and pumpkin.

RGB LED ring lighting via SMS from ALEXIA KYRIAKOPOULOU on Vimeo.

What I learned from this whole process is that you need to really do everything one step at a time and sometimes you have to be okay with just keeping things simple, especially in the beginning. Adding too many features, shields, lights etc. might just not work together when you are dealing with hardware. If you get stuck you need to go back and test things. Understanding what the problem is and where your code or the actual hardware gets stuck is the most important thing and needs a lot of patience!!

SMS Controlled Interactive Pumpkin from ALEXIA KYRIAKOPOULOU on Vimeo.

Code:

Film Project – Reaching the Dream

For our film project, we decided to create a documentary video around the life of a ballet dancer, Alexandra Avrami, who grew up in a small town in Greece and always dreamed to become a ballet dancer in New York. In our film, we are creating Alexandra’s portrait and we are showcasing her journey from Greece to New York through dance.

What we wanted to convey through our film is Alexandra’s unique personality as well as her thoughts around ballet and her hopes in life. We also wanted to oppose ourselves from other documentaries around ballet like “First Position”(2012) by Bess Kargman that focuses more on the physical hardships that ballet dancers have to go through to reach their dream whereas we focused more on creating a more positive image around ballet and self-expression.

This project was a great learning experience we had a lot of footage that we needed to edit and it was very challenging especially connecting the dance sequences and coordinating the voice overs with the song on the background.

Reaching the Dream from ALEXIA KYRIAKOPOULOU on Vimeo.

DOM – Optical Illusion

I was inspired by this giph I found on giphy and wanted to re-create this optical illusion for this week’s assignemnt. It was a really challenging because as the squares rotate the background changes as well from black to white and the border is removed. It is interesting that we are starting to explore the P5js libraries. My issue with this assignment was that every time the color changes sometimes it doesn’t still have the same effect and I’m not sure why.

via GIPHY

Code: https://alpha.editor.p5js.org/

Business Card- Logo

I started this assignment by thinking about my logo. I started sketching my initials and played with different shapes with the “A” and “K”. Some were more linear and geometrical and some were more playful.

I then started drawing my own doodles which I naturally do all the time and started thinking about how these shapes, that I naturally create every time I literally grab a pen and paper, really communicate something about my personality. So I wanted to incorporate these doodles somehow in my logo. I started filling the negative space of my initials and somehow these triangle and rectangle shapes created from this negative space matched the shapes that I usually make in my doodles. That is how my logo was created.

screen-shot-2016-10-19-at-2-20-39-am

 

 

 

 

 

 

 

 

 

 

In the side of my business card that doesn’t include my information etc., I wanted to find a way to show my interests because I believe that the purpose of a business card, apart from exchanging information, is for anyone to understand what is your personality like and unfortunately, most business cards don’t achieve that. Especially since I am interested in so many different things, I wanted to find a way to really convey this through my personal card. I started writing words that describe me and subjects that I am interested in. Then I started separating words and letter and included symbols that we use in code (like + && //) and I really liked the effect. I used the Lucida Console fonts which are the fonts used in code in order to create this technical feel in the card.

screen-shot-2016-10-19-at-12-59-32-am

I decided to stick with pink as the primary color in my business card after being influenced by my “Color” assignment where I observed that pink was the most prominent color in my life. I think the contrast of pink and gray as well as the use of “coded” words communicate this diverse aspect of my personality and the intersection of art and tech.    Fonts: Quick Sand Regular

screen-shot-2016-10-19-at-12-57-11-am

Under the Sea

For this week’s assignment I decided to create an animated representation of the ocean. I love snorkeling, so I wanted to represent the variety of colors and sizes that fish have in this week’s chapter of arrays. What was the hardest part of the assignment was figuring out how to make the fish reach the width and come back. I used translate to change the position of the x and y coordinates and push and pop to achieve this. I am thinking of developing this into a game in the future. Maybe I could bring out a shark where the user’s goal will be to avoid the shark by moving the fish around.

Coke melodies

Inspired by the ICM+PCom synthesis I wanted to create a coke piano since I am a huge fan of coca-cola. I used melodies from coke ads and coke jingles as well as the characteristic sound of a coke can being opened and poured in a glass. I sticked a pressure sensor on each can so every time one presses the sensor a different coke sound is played. Unfortunately, the sound that was playing from P5 was a little bit distorted and replayed the sound 2 times on top of each other. I tried increasing the delay and it helped a little bit but not completely.

Coke melodies with arduino from ALEXIA KYRIAKOPOULOU on Vimeo.

int sensorPin = A0; // select the input pin for the potentiometer
int sensorPin2= A1;
int sensorPin3 = A2;
// select the pin for the LED
int sensorValue; // variable to store the value coming from the sensor
int sensorValue2;
int sensorValue3;

void setup() {
// declare the ledPin as an OUTPUT:
Serial.begin(9600);
pinMode(sensorPin, INPUT);
pinMode(sensorPin2, INPUT);
pinMode(sensorPin3, INPUT);
}

void loop() {
// read the value from the sensor:
sensorValue = analogRead(sensorPin);
int mappedForce = map(sensorValue, 0, 1023, 0, 255);
Serial.print(mappedForce);
Serial.print(“,”);

sensorValue2 = analogRead(sensorPin2);
int mappedForce2 = map(sensorValue2, 0, 1023, 0, 255);
Serial.print(mappedForce2);
Serial.print(“,”);

sensorValue3 = analogRead(sensorPin3);
int mappedForce3 = map(sensorValue3, 0, 1023, 0, 255);
Serial.println(mappedForce3);

delay(1500);

Link to P5 code

ITP Poster

I wanted to create a poster that communicates the “humanistic” view of what makes ITP special. For me what makes ITP special is diversity. We all come here at ITP with different backgrounds. We are artists, dancers, engineers, marketeers…anyone can be anything! We are also international. We all come from different countries and we create this wonderful mix of cultures. That’s what I wanted to communicate through this poster as well as the combination of art with technology; Two very different subjects that somehow work well together, just like everyone at ITP. We are different but we all collaborate in such a great and unique way.

screen-shot-2016-10-12-at-1-20-50-am

Colors

screen-shot-2016-10-05-at-2-18-22-am

 

This is a collage I created from my daily life in the past 4 days in order to track the recurring colors of my life. I took pictures of outside spaces as well as food, clothes and some decorative elements in my apartment.

collage

I created this color palette with the eyedropper which drew the colors from my collage. I designed this color palette in the shape of a chart to show which colors were most prominent. The color that really popped up in my pictures is pink. I looked up the symbolization of pink and found out that it represents friendship, affection, harmony, inner peace, and approachability. Pink also is the color for little girls. It’s interesting because I am a person who is very much tied to my childhood and have always remembered those years as the best years of my life so this really might be the reason why pink is really a recurring color in my life.

Other colors that came up from my collage are neutral colors such as black white grey and beige. These are the colors that I consider as the background colors of my life. I always love wearing vibrant colors during the summer but when fall starts I just can’t wait to start wearing all those neutral colors, especially black. Black is a color that is mysterious and has a sense of power to it and I think I subconsciously like associating myself with these ideas. However, black is also associated with fear and the unknown which is something that I am always worried about.

screen-shot-2016-10-05-at-11-20-14-am

 

So, I started observing the colors of my clothes to see if they coincide with the colors used in my palette and they really matched. I was so surprised by this discovery that I decided to do something creative with it. I divided my clothes based on the colors of my palette and put them in the washing machine. I was always intrigued by the colors that one can observe when the cycle spins, so I decided to capture this in this assignment using photography and playing around with the ISO and shutter speed.

screen-shot-2016-10-05-at-12-26-19-am