API Final Project

Originally,  my idea was to create an interactive hip hop game. I sketched out an idea like so.

The plan:

  • Populate lyrics from MusicMatch API
  • Create a drop down field with several artist

The user logs in and a word cloud of lyrics would  appear followed by a drop down allowing the player to select the correct artist and corresponding lyrics. If the user selected the correct answer, they would pass to the next round– up to round 10. If the user was incorrect, the game would give several hints.

Hint 1: Play artist track 

Hint 2: Show track album cover art

Hints via Spotify’s API.

To make the hints difficult, I would add a distorting effect to the artist track using p5.js‘ sound library. 

Sounds good right? No. 

Unfortunately, I wasn’t able to execute what I envisioned for my project. I ran into a lot of problems with the API calls and couldn’t get the artist track to play. I learned my API calls missed a few key elements after many hours of testing and debugging. The track play logic was in the wrong function, I excluded required parameters AND I was initiating the calls on page load BEFORE user input. I decided to work on another idea after I recovered my splattered brain tissue and lost pride (again).

Early stages of the hip hop game design… 

Luckily, I have a second interest outside of music. I’m just as passionate about photography and I rely heavily on it to keep me balanced. I find beauty and substance in pictures mainly because an image is open to various interpretations. An image is a narrative without words. An image, similar to music, often creates an impactful way to convey a message… To tell a story… The art of storytelling completely fascinates me. 

I decided to use the Pixabay API for my project. The images are high quality and royalty free. I anxiously searched the internet for API tutorials and came across a tut on YouTube which was perfectly aligned with what I needed-React.Js & PixaBay. I really enjoyed working with React library because it allows you to focus less on aesthetics and more on code functionality. I’ve spent hours integrating CSS elements and HTML when the focus should’ve been working functions! The downside in my opinion is design; many websites that use React style the same. I’m also a novice just scratching the React surface and should probably research this a bit more before drawing conclusions. πŸ™ƒ

 I decided to change a few elements in the original code. I changed the grid placement, modified parameters, cleaned up the padding and borders along with several other adjustments. I also filtered the photos to grayscale only. Basically, when prompted to search, the API returns grayscale images starting with the first letter in the search field. I dug deeper into the code and made changes to many import and render elements but decided to keep the original code to avoid breaking anything else.  Admittedly, I felt slightly weird using the code but I realized I totally utilized β€œsecond use” which is pretty much the definition of a Mashup! I also believe a great addition to this project would be adding a database to the landing page. The user could log in and save favorite images to an “inspiration” section of the site. This section could be used as a resource for ideas and inspiration for an artists/users own work. I truly wanted to present a functional game as I imagined, but unfortunately it wasn’t completely ready and I was uncomfortable showing a broken project. However, I do appreciate the long hours I invested in learning React.js and building a decent single page experience worth showing my classmates and Calli. 

Here is the finished product… 

React has really inspired me to continue working on my Hip Hop game project! I plan on using React to build a new dynamic website using Spotify and P5.js.

Sidenote: I finally (with help) got the Spotify API to work ! Also, enter your own keys for testing, my keys are invalid.

I think I’m off to a great start. All I need is a bit more patience!

Repo here! 

Until next time… 

New Poetic Form

I created a new poetic form titled “Boundaries” based on lyrics extracted from rapper Eminem’s song “Stan”. Stan is a song about an obsessed fan who becomes increasingly upset through a series of letters in an attempt to gain Eminem’s attention.

Running Boundaries renders three different outputs that challenged my  perception of what I considered more or less threatening through text. The first poem generates all capital letters– internet code for shouting. This poem displays the text in the maximum size within its area, making every word intentional and somewhat obnoxious. Reaction: Extremely Threatening.

The second poem uses white space to create a feeling of loneliness and confusion. It was interesting to notice at first glance, my eyes targeted negative and/or threatening words first. Possibly because I am familiar with the lyrics and song?? Reaction: Threatening.

The last poem appends the rappers name after each line, simulating a harassing and nagging experience. It also includes capital letters throughout the entire text. Reaction: Annoying

Overall, the output of Boundaries conforms as expected, triggering specific emotions based on language, character change and text placement. I think it does a great job of evoking emotions but we all know, no one can trigger emotions better than a human! (Yes?)

["DEAR SLIM, I WROTE YOU, BUT YOU STILL AIN'T CALLIN'",
 'I LEFT MY CELL, MY PAGER AND MY HOME PHONE AT THE BOTTOM',
 "I SENT TWO LETTERS BACK IN AUTUMN, YOU MUST NOT'VE GOT 'EM",
 "THERE PROBABLY WAS A PROBLEM AT THE POST OFFICE OR SOMETHIN'",
 "SOMETIMES I SCRIBBLE ADDRESSES TOO SLOPPY WHEN I JOT 'EM",
 "BUT ANYWAYS, FUCK IT, WHAT'S BEEN UP, MAN? HOW'S YOUR DAUGHTER?",
 "MY GIRLFRIEND'S PREGNANT TOO, I'M 'BOUT TO BE A FATHER",
 "IF I HAVE A DAUGHTER, GUESS WHAT I'MA CALL HER?",
 "I'MA NAME HER BONNIE",
 "I READ ABOUT YOUR UNCLE RONNIE TOO, I'M SORRY",
 "I HAD A FRIEND KILL HIMSELF OVER SOME BITCH WHO DIDN'T WANT HIM",
 "I KNOW YOU PROBABLY HEAR THIS EVERY DAY, BUT I'M YOUR BIGGEST FAN",
 'I EVEN GOT THE UNDERGROUND SHIT THAT YOU DID WITH SKAM',
 'I GOT A ROOM FULL OF YOUR POSTERS AND YOUR PICTURES, MAN',
 'I LIKE THE SHIT YOU DID WITH RAWKUS TOO, THAT SHIT WAS PHAT',
 'ANYWAYS, I HOPE YOU GET THIS, MAN, HIT ME BACK',
 'JUST TO CHAT, TRULY YOURS, YOUR BIGGEST FAN, THIS IS STAN']
Dear       Slim,       I       wrote       you,       but       you       still       ain't       callin'
I       left       my       cell,       my       pager       and       my       home       phone       at       the       bottom
I       sent       two       letters       back       in       autumn,       you       must       not've       got       'em
There       probably       was       a       problem       at       the       post       office       or       somethin'
Sometimes       I       scribble       addresses       too       sloppy       when       I       jot       'em
But       anyways,       fuck       it,       what's       been       up,       man?       How's       your       daughter?
My       girlfriend's       pregnant       too,       I'm       'bout       to       be       a       father
If       I       have       a       daughter,       guess       what       I'ma       call       her?
I'ma       name       her       Bonnie
I       read       about       your       Uncle       Ronnie       too,       I'm       sorry
I       had       a       friend       kill       himself       over       some       bitch       who       didn't       want       him
I       know       you       probably       hear       this       every       day,       but       I'm       your       biggest       fan
I       even       got       the       underground       shit       that       you       did       with       Skam
I       got       a       room       full       of       your       posters       and       your       pictures,       man
I       like       the       shit       you       did       with       Rawkus       too,       that       shit       was       phat
Anyways,       I       hope       you       get       this,       man,       hit       me       back
Just       to       chat,       truly       yours,       your       biggest       fan,       this       is       Stan
["DEAR SLIM, I WROTE YOU, BUT YOU STILL AIN'T CALLIN' ,SLIM",
 'I LEFT MY CELL, MY PAGER AND MY HOME PHONE AT THE BOTTOM ,SLIM',
 "I SENT TWO LETTERS BACK IN AUTUMN, YOU MUST NOT'VE GOT 'EM ,SLIM",
 "THERE PROBABLY WAS A PROBLEM AT THE POST OFFICE OR SOMETHIN' ,SLIM",
 "SOMETIMES I SCRIBBLE ADDRESSES TOO SLOPPY WHEN I JOT 'EM ,SLIM",
 "BUT ANYWAYS, FUCK IT, WHAT'S BEEN UP, MAN? HOW'S YOUR DAUGHTER? ,SLIM",
 "MY GIRLFRIEND'S PREGNANT TOO, I'M 'BOUT TO BE A FATHER ,SLIM",
 "IF I HAVE A DAUGHTER, GUESS WHAT I'MA CALL HER? ,SLIM",
 "I'MA NAME HER BONNIE ,SLIM",
 "I READ ABOUT YOUR UNCLE RONNIE TOO, I'M SORRY ,SLIM",
 "I HAD A FRIEND KILL HIMSELF OVER SOME BITCH WHO DIDN'T WANT HIM ,SLIM",
 "I KNOW YOU PROBABLY HEAR THIS EVERY DAY, BUT I'M YOUR BIGGEST FAN ,SLIM",
 'I EVEN GOT THE UNDERGROUND SHIT THAT YOU DID WITH SKAM ,SLIM',
 'I GOT A ROOM FULL OF YOUR POSTERS AND YOUR PICTURES, MAN ,SLIM',
 'I LIKE THE SHIT YOU DID WITH RAWKUS TOO, THAT SHIT WAS PHAT ,SLIM',
 'ANYWAYS, I HOPE YOU GET THIS, MAN, HIT ME BACK ,SLIM',
 'JUST TO CHAT, TRULY YOURS, YOUR BIGGEST FAN, THIS IS STAN ,SLIM']

 

The digital cut-up

For this assignment, we were asked to creatively rearrange the contents of any given text. I chose to use the lyrics from the song “Hey Ya“, by AndrΓ© 3000. I used the .strip method to clean the data and remove new line characters. Once it was digestible, I was able to read (sing) the lyrics in a readable format. I used emojis in place of text to make reading the song fun.

['[Intro]',
 '✌🏾, ✌🏾, 3⃣',
 'Uh!',
 "My πŸ‘ΆπŸΎ don't mess around",
 'Because πŸ‘©πŸΎ loves😎so',
 'And this πŸ‘know for sho',
 'But does πŸ‘©πŸΎ really want it',
 "But can't stand to see me",
 'Walk out the πŸšͺ?',
 "Don't try to πŸ‘ŠπŸΎ the feeling",
 'Cause the thought alone is ⚰😎right now',
 'Thank πŸ™πŸΎ for Mom and πŸ‘΄πŸΎ',
 'For sticking through together',
 "Cause we don't know how",
 '',
 '[Hook]',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 '',
 '[Verse ✌🏾]',
 "You think you've got it",
 "😲, you think you've got it",
 'But "got it" just don\'t get it',
 "'Til there's nothing at all",
 "We've been together",
 "😲, we've been together",
 "But separate's always better",
 "When there's feelings involved",
 'If what they say is "Nothing is forever"',
 'Then what makes, then what makes, then what makes',
 'Then what makes, what makes, what makes',
 '😍 the exception?',
 'So why 😲 why 😲, why 😲 why 😲',
 'Are we so in denial',
 "When we know we're not πŸ™‚ here?",
 "Y'all don't want to πŸ‘‚πŸΎ me, you just want to πŸ’ƒπŸΎ",
 '',
 '[Hook]',
 'πŸ‘‹πŸΎ ya! Uh-😲',
 'πŸ‘‹πŸΎ ya! Uh-😲',
 "Don't want to meet your πŸ‘΄πŸΎ, πŸ‘‹πŸΎ ya! Uh-😲",
 'Just want you in my 🚘, Uh-😲, πŸ‘‹πŸΎ ya! Uh-😲',
 "Don't want to meet your mama, πŸ‘‹πŸΎ ya! Uh-😲",
 'Just want to make you πŸ’¦, Uh-😲, πŸ‘‹πŸΎ ya! Uh-😲',
 "πŸ‘'m, πŸ‘'m, πŸ‘'m",
 'πŸ‘‹πŸΎ ya!',
 "πŸ‘'m just being 🀞🏾",
 "πŸ‘'m just being 🀞🏾",
 '',
 '[Bridge]',
 'πŸ‘‹πŸΎ, alright now',
 'Alright now fellas (Yeah!)',
 "Now what's cooler than being cool?",
 "(❄ cold!) πŸ‘can't πŸ‘‚πŸΎ ya",
 "πŸ‘say what's cooler than being cool?",
 '(❄ cold!)',
 'Alright, alright, alright, alright',
 'Alright, alright, alright, alright',
 'Alright, alright, alright, alright',
 'Alright, alright.. πŸ‘πŸΎ: now fellas🏾',
 '(Yeah?)',
 "We're gonna break this back down in just a few βŒ›",
 "Now don't have😎break this thing down for nothing",
 "Now πŸ‘want to see y'all on your baddest behavior",
 'Lend😎some sugar, πŸ‘am your neighbor! Ah, here we go!',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it like a πŸ“· picture',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it like a πŸ“· picture',
 '',
 "Now all the 🐝once's and Lucy Lius",
 'And πŸ‘ΆπŸΎdolls, get on the floor',
 '(Get on the floor) πŸ•ΊπŸΎ it like a πŸ“· picture',
 'You know what to do πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 '😲, you know what to do!',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 '😲, you know what to do! πŸ•ΊπŸΎ it like a πŸ“· picture',
 '',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!',
 'πŸ‘‹πŸΎ ya! πŸ‘‹πŸΎ ya!']
I also filtered out my favorite part of the song and now it's stuck in my head.
[dance for dance in heyya_2 if dance.startswith("πŸ•ΊπŸΎ")]
Out[62]:
['πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it like a πŸ“· picture',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it',
 'πŸ•ΊπŸΎ it like a πŸ“· picture',
 'πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it πŸ•ΊπŸΎ it, sh-πŸ•ΊπŸΎ it'

 Side note: I also just realized this song was released 15 YEARS AGO. I’m still processing this...

Create your own poetry generator

For this assignment, I decided to use lyrics from “Nas is Like” by Nas. Nas began his music career in 1991 and has been extremely influential in the rap culture and entertainment industry since he dropped his dΓ©but album illmatic in 1994. He is a phenomenal storyteller, with the ability to play with words and flow effortlessly. I chose “Nas is Like“, verse 2 because of the passion and promise throughout the verse. I’m fascinated by his skill of compounding complete stories in under 4 minutes.

“Nas is like…” Earth, Wind & Fire, rims and tires
Bulletproof glass, inside is the realest driver
Planets in orbit, line ’em up with the stars
Tarot cards, you can see the pharaoh Nas
“Nas is like…” Iron Mike, messiah type
Before the Christ, after the death
The last one left, let my cash invest in stock
Came a long way from blastin’ TEC’s on blocks
Went from Seiko to Rolex, owning acres
From the projects with no chips, to large cake dough
Dimes giving fellatio, siete zeros
Bet my 9 spit for the pesos, but what’s it all worth?
Can’t take it with you under this earth
Rich men died and tried, but none of it worked
They just rob your grave, I’d rather be alive and paid
Before my number’s called, history’s made
Some’ll fall, but I rise, thug or die
Making choices that determine my future under the sky
To rob, steal or kill, I’m wondering why
It’s a dirty game, is any man worthy of fame?
Much success to you, even if you wish me the opposite
Sooner or later we’ll all see who the prophet is

 

The Dadaist Poem generator rendered aΒ  nonsensical paragraph but if you read the lyrics line by line, as its own entity, it makes some sense.

[Verse 2 starts @ 1:30]