Categories
6. Final Uncategorized

Final Project – Paloma

Project

code

 

For my Final Project, I created a music note visualizer that can allow users to learn how to read music by playing the desired note and then seeing it appear on a stanza. 

Process: 

When I was creating this project, I first has to get an understanding on how I would want the music notes to appear on the stanzas. I imported photos of quarter notes and then I started playing around with the size and positioning of these notes. I wanted to make sure that every note was recently spaced out on the stanza well. I spent time trying to find the perfect amount of spacing for the x and y coordinates of each note. I knew that no matter what, the C note would always have the same y position, but the x position will change depending on when it was pressed. So After I found each of the notes y coordinates, I then figured out how many spaces I wanted between each note. I stored the x coordinates in an array. I also have a global variable that keeps track of the positon of the array, that way each time a button is pressed, the global variable is incremented, causing it to position the next note and the new location. 

When it came to creating the buttons, it wasn’t that challenging once I fixed some of the issues  I had with importing the library. I also created a play and clear button to allow users to play their current song and clear the entire song, and start over. 

Challenge: 

The one issue I’m having with my project is when I go to play the sound, it does not play each note individually. Although I have a for loop iterating through and playing each individual note, I believe the issue is the for loop is iterating too fast through the notes so maybe this is causing the notes to blend together. 

Categories
5. Classify This

Classify This – Paloma

https://editor.p5js.org/stpaloma23/sketches/_1afOZvbY

For my Classify This project I chose to train my machine to identify a few objects that I had lying around. Once It detects the object, it displays a photo of the item. Here are screenshots of how it works since you don’t have access to my objects: 

The one object that didn’t train well was my charger. I think the reason why is because it’s just a white block with not very identifiable features, unlike my other objects that are very patterned and distinct. For each of my objects, I did about 200-250 samples. Although I did 200 samples of each object, I didn’t train the model to get a 360-degree view of each object. I think this is why my phone charger fell short. In the future, I would probably do close to 400 or 500 samples and ensure I get a 360 view of each object to make sure it’s easily identifiable to the machine.  I found this assignment pretty fun and it was a nice high-level introduction to what machine learning is and how it is applied to creative coding. Previously, I thought machine learning could only be used for really high-tech science stuff, so it’s nice to see that this concept applies to various fields and disciplines in tech. 

Categories
Research Post

Research Post 3 – Paloma

“The struggle for liberation is not a struggle for diversity and inclusion — it is a struggle for decolonization, reparations, and self-determination” (Hassein)

I think this quote is extremely powerful. I realized during summer 2020, that a lot of corporations’ plans to end systemic racism consisted of creating 1 diversity and inclusion program and hiring a few black people in their attempt to be anti-racist. While I think diversity and inclusion are important, I think the way companies are going about is not productive. Placing black employees in corporate places where they still have to combat racism is not the answer. When companies or schools just hire more minorities without doing any work to change their racist, sexist or homophobic culture, they are simply subjecting these minorities to violent spaces where they will have to fight for their rights/lives every day. Then when the minority has had enough mental trauma from working in such a violently oppressive environment, the company will turn around and say “see we tried to recruit *insert group of marginalized people* they just don’t want to work”. It’s not about hiring more minorities to be forced to navigate these oppressive systems, it’s about destroying the current system and rebuilding it with people of all backgrounds in mind. That is the real work. That is the real solution. However, in order for this to happen, certain people in high places will lose money, and then power. 

” It is equally clear to me that no technology under police control will be used to hold police accountable or to benefit Black folks or other oppressed people” (Hassein)

I’m quite troubled by the increase in surveillance technology given to the police. It’s extremely problematic knowing that this technology is going into the hands of crooked and racist cops who will use this technology to harass oppressed people. Once again, you cannot throw new shiny technologies at century-old problems and expect them to not be used oppressively when work hasn’t been done to deconstruct the issues in our society. 

Categories
4. The Clock

Clock Assignment – Paloma

 

My Project 

My Code

The inspiration for my project is based on Astrology. In astrology, there is something called your big three, sun, rising, and moon sign. Your rising sign is based on the time you were born. Your potential rising sign changes every 2 hours. So I chose to demonstrate the passing of a day based on which sign is in the sky at a given time in the day.

I got my inspiration from this photo. 

I originally was going to create a class for each installation and hand draw each one. After speaking with Professor, about my idea, I was given the suggestion that instead, it’ll be easier to simply use transparent png of each constellation and then adjust the position of those images. The hardest part of this assignment was loading the images and positioning them.

In the future: I would fix the labeling of the zodiac signs to make them more legible. I would also make my implementation last the full two hours. 

Update: Since I presented this project, I removed the original text and used p5js text method to make it legible. Whenever I edit the  HTML to change the dimension to 850×800 it doesn’t stay. 

Categories
Research Post

Research Post #2

For my second research post, I chose to look at the work of Mimi Onuoha, a Nigerian American artist and researcher who centers a lot of her work around visualizing data relating to black, queer, and marginalized folks who are often underrepresented or left out of data. I found her work to be very interesting and powerful. She is able to represent inequalities that the algorithms that are used in our daily lives. I think this work is so important because tech spaces are mostly dominated by men, white men at that. This causes bias, intentionally or unintentionally, to be coded into these algorithms. The data visualization piece I chose to focus on was her piece called In Absentia. In this piece, Onuoha highlights the work of W.E.B. Dubois. W.E.B. Dubois was a famous sociologist and civil rights activist who centered his work around black liberation and anti-racism. In the early 1900’s he was requested by the US Government to go to a rural county in Alabama to gather data about the black population. After interviewing over 20,000 black residents, and gathering data and maps about the experiences of the black population in that area, the study was never published. The data gathered by Dubois, went against the narratives the Beauru of Statistics wanted to hear. Dubois’ data highlighted the inequalities and hardships black people in the south were facing post-civil rights era, regarding employment, land ownership, and the creation of wealth. This data highlighted issues systemic issues in the government, that the government did not want the general population to find out. Instead of publishing these statistics, they came up with a series of lies ranging from the manuscript being lost, or it having technical errors, that Dubois went to debunk later on in his career. In her exhibition In Absentia, uses the style of Dubois’ infographics to tell the story about the society we live in, rather than the data that is missing. 

in absentia

in absentia

 

in absentia

In Absentia emphasizes not the data, but the structures that represent where the data is coming from. Onuoha’s exhibit serves as an homage and a critique of W.E.B. Dubois’ lost work. An homage acknowledging the work that was intentionally destroyed by the government. But also a critique as to why the only way we can acknowledge human suffering is through numbers and data and not simply seeing the obvious pain and suffering. The need to validate pain with numbers and data, when simply the pain that is present should be good enough. I found Onuoha’s piece to be such a brilliant and thought-provoking piece of work. The way she is able to highlight the misfortunes of the government and how they suppressed data that existed in an attempt to not look bad. While also making a greater commentary on how as a society we have been trained to need numbers and charts and data to prove what already exists. Bringing about the bigger question of how can you quantify human suffering? 

Categories
3. Generative Thing

Generative Thing! – Paloma St.Clair

generative thing!

Link: https://editor.p5js.org/stpaloma23/sketches/4uJoH2gF3

Reflection: For my Generative thing! I created a unique name generator. When creating a random name generator, I wanted the background to always produce a different gradient along with the text style changing. When designing this generator I faced a few issues along the way. First I had to figure out how to create the gradient effect. To do this I followed a youtube tutorial. When making the background figuring out when I wanted to call the random color picker was important. When I had the random color picker in the for loop I got stripes, not the desired effect, but then I realized I only wanted to pick a random color once, so I moved it outside the for-loop. See below for the problem.  

Another issue I had to think about was how I wanted to form the names. I chose to go with the pattern of consonant then vowel. I figured that this could create the most realistic names, and be pronounceable. I first was doing all of the name logic in the for loop, however, I realized because of my conditional statements, every name was starting with a vowel, and seemed a bit unnatural. To fix this, I first added a consonant or vowel as the first letter, then I went to the for-loop. 

Another issue I faced was when I was using the pressMouse() feature. When I would press the mouse I would get this issue: 

eror

The new names would generate and add on to the original name. I was very confused as to why this was happening. after moving some things around I realized that my issue was with where I declared nameArray. I declared it as a global array, this meant every time I was pressing the mouse, it was adding the new names to the old names creating this long string. To fix this, I moved the nameArray inside the nameCreator function to fix this issue. 

All and All, I’m content with the outcome of my name generator. It was a good exercise to solidify my knowledge on for-loops and global variables and random. 

Bibliography: 

P5js reference documentation

Help with gradient: https://www.youtube.com/watch?v=DJgDW3F68Xc

 

Categories
Research Post

Research Post: Mike Tucker

Mike Tucker is an Interactive director, designer, and prototyper who works at Magic Leap. His work involves working with spatial computing to create intriguing and captivating designs. I really enjoyed watching his Eyeo talk, I think he did a great job demonstrating his designs to the audience. His use of VR and other mediums is very impressive. I found his work to feel very futuristic. His work also reminds me of Artechouse and Arcadia. While reading his resume, I saw that he worked with Kanye West to make a video game called “Only One” based on Kanye’s mother. http://encyclopediapictura.com/kanye-west/ When looking at the graphics I was very impressed. I know Kanye was very close with his mother, and I think Tucker did a great job at capturing Kanye’s mother in a beautiful and vibrant light. It’s unfortunate that this video game never went into production because I think this is such a cool way to memorialize a dead loved one. Kanye West’s music is very good at taking listeners to another place, to see Tucker enhance that experience with his visual components was very impressive. Another part of the talk that I found impressive was when Tucker was talking about how he is using this technology to help visually impaired people. I am always impressed when people can use art in ways that make the world more accessible to people who need it. Tucker’s work has audio and visual components that work together to create immersive experiences for users. 

I was impressed to find out that Tucker creates a lot of his designs in Unity. I am taking a class on virtual avatars this semester, and we used Unity to animate a walk sequence for our avatars. I am now intrigued to learn more about how Unity can be used to create such captivating visual experiences. 

mike tuckers work

mike tucker work

Categories
2. Lost and Found

Lost and Found Assignment – Paloma

iiphone 7 created with p5js

My Name: Paloma

Partner: Riola 

Description: Riola lost her silver iPhone 7

Reflection: the most challenging part was working within a confined space. I had to play around with the x,y values to figure out how to get the right spacing of the apps and the screen. 

p5js link

Categories
1. Coding from life

PalomaSt.Clair – Still Life Assignment

my code

while doing this assignment, I found working with the quad() method tricky. Especially when it came to figuring out the right x,y coordinates. 

replica of van gogh still life