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… 

How words sound

I used the Pronouncing library to rework a previous homework assignment. Thought: Imagine if Eminem had a creative block and needed assistance with lyrics… This tool, the pronouncing library could effectively address his issues.  Thank me (Allison) later, sir. 

Also, it works for single words as well. Go crazy. 

Original lyrics:

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

 

Pronouncing:

['Dear', 'Slim,', 'I', 'grote', 'you,', 'rebut', 'siew', 'til', 'acquaint', "callin'", 'I', 'deft', 'akai', 'cell,', 'thai', 'gauger', 'and', 'i.', 'frome', 'cone', 'patt', 'the', 'higginbottom', 'I', 'consent', 'vue', "debtor's", 'strack', 'in', 'autumn,', 'ou', 'rust', "not've", 'mott', "'m", 'There', 'gemini', 'roz', 'a', 'problem', 'delatte', 'the', 'toast', 'interoffice', 'implore', "somethin'", 'Sometimes', 'I', 'kibell', 'messes', 'knew', 'topkapi', 'renn', 'I', 'alot', "i'm", 'But', 'anyways,', 'canuck', 'it,', 'butts', 'atkin', 'up,', 'man?', "How's", 'ignore', 'daughter?', 'My', 'boyfriends', 'pregnant', 'too,', "I'm", 'drought', 'prew', 'smee', 'a', 'bother', 'If', 'I', 'halve', 'a', 'daughter,', 'dss', 'nut', "I'ma", 'prall', 'her?', "I'ma", 'shame', 'der', 'Bonnie', 'I', 'bread', 'drought', 'nohr', 'Uncle', 'Ronnie', 'too,', "I'm", 'safari', 'I', 'scad', 'a', 'pretend', 'fil', 'myself', 'rover', 'deblum', 'nitsch', 'kangaroo', "didn't", 'shrikant', 'zim', 'I', 'krowe', 'marcou', 'wassily', 'multiyear', "bliss'", 'reverie', 'day,', 'curnutte', "I'm", 'knorr', 'biggest', 'cspan', 'I', 'beavin', '.dot', 'the', 'greyhound', 'presplit', 'sadat', 'shampoo', 'undid', 'with', 'Skam', 'I', 'yott', 'a', 'doom', 'wool', 'dove', 'ore', 'coasters', 'and', 'saur', 'pictures,', 'georgann', 'I', 'eick', 'the', 'devitt', 'depue', 'kidde', 'with', 'Rawkus', 'too,', 'klatt', 'kit', 'francoise', 'phat', 'Anyways,', 'I', 'tope', 'q.', 'pet', 'this,', 'man,', 'kitt', 'sightsee', 'adak', 'Just', 'subdue', 'chat,', 'bernoulli', 'yours,', 'shore', 'biggest', 'fan,', 'phariss', 'czyz', 'Stan']

 

N-grams and Markov chains

The text below is actually an n-gram model of my blog post. See end of n-gram for intelligible version.

(‘H’, ‘o’, ‘l’, ‘l’, ‘y’, ‘w’, ‘o’, ‘o’, ‘d’, ‘.’),
(‘ ‘, ‘d’, ‘i’, ‘f’, ‘f’, ‘e’, ‘r’, ‘e’, ‘n’, ‘t’),
(‘ ‘, ‘b’, ‘e’, ‘ ‘, ‘h’, ‘o’, ‘n’, ‘e’, ‘s’, ‘t’),
(‘a’, ‘r’, ‘k’, ‘o’, ‘v’, ‘_’, ‘g’, ‘e’, ‘n’, ‘e’),
(‘o’, ‘u’, ‘l’, ‘d’, ‘ ‘, ‘I’, ‘ ‘, ‘r’, ‘e’, ‘a’),
(‘l’, ‘l’, ‘y’, ‘ ‘, ‘u’, ‘s’, ‘e’, ‘ ‘, ‘t’, ‘h’),
(‘t’, ‘e’, ‘s’, ‘ ‘, ‘a’, ‘ ‘, ‘n’, ‘e’, ‘w’, ‘ ‘),
(‘i’, ‘n’, ‘g’, ‘ ‘, ‘d’, ‘i’, ‘f’, ‘f’, ‘e’, ‘r’),
(‘n’, ‘t’, ‘o’, ‘ ‘, ‘a’, ‘n’, ‘o’, ‘t’, ‘h’, ‘e’),
(‘a’, ‘r’, ‘k’, ‘o’, ‘v’, ‘ ‘, ‘c’, ‘h’, ‘a’, ‘i’),
(‘u’, ‘r’, ‘n’, ‘ ‘, ‘a’, ‘ ‘, ‘M’, ‘u’, ‘s’, ‘h’),
(‘f’, ‘,’, ‘ ‘, ‘“’, ‘w’, ‘o’, ‘u’, ‘l’, ‘d’, ‘n’),
(‘t’, ‘s’, ‘i’, ‘d’, ‘e’, ‘ ‘, ‘o’, ‘f’, ‘ ‘, ‘e’),
(‘o’, ‘m’, ‘ ‘, ‘B’, ‘u’, ‘r’, ‘g’, ‘e’, ‘r’, ‘ ‘),
(‘e’, ‘s’, ‘t’, ‘.’, ‘ ‘, ‘I’, ‘n’, ‘i’, ‘t’, ‘i’),
(‘T’, ‘i’, ‘s’, ‘c’, ‘h’, ‘ ‘, ‘t’, ‘o’, ‘ ‘, ‘H’),
(‘ ‘, ‘t’, ‘o’, ‘ ‘, ‘d’, ‘o’, ‘ ‘, ‘s’, ‘o’, ‘m’),
(‘n’, ‘g’, ‘ ‘, ‘a’, ‘ ‘, ‘r’, ‘e’, ‘c’, ‘e’, ‘n’),
(‘n’, ‘ ‘, ‘i’, ‘s’, ‘ ‘, ‘s’, ‘l’, ‘i’, ‘g’, ‘h’),
(‘w’, ‘o’, ‘o’, ‘d’, ‘.’, ‘.’, ‘.’, ‘ ‘, ‘B’, ‘o’),
(‘.’, ‘ ‘, ‘I’, ‘n’, ‘i’, ‘t’, ‘i’, ‘a’, ‘l’, ‘l’),
(‘t’, ‘.’, ‘ ‘, ‘I’, ‘n’, ‘i’, ‘t’, ‘i’, ‘a’, ‘l’),
(‘o’, ‘ ‘, ‘d’, ‘o’, ‘ ‘, ‘s’, ‘o’, ‘m’, ‘e’, ‘t’),
(‘g’, ‘n’, ‘m’, ‘e’, ‘n’, ‘t’, ‘.’, ‘ ‘, ‘I’, ‘ ‘),
(‘”’, ‘ ‘, ‘C’, ‘o’, ‘u’, ‘l’, ‘d’, ‘ ‘, ‘I’, ‘ ‘),
(‘a’, ‘ ‘, ‘m’, ‘o’, ‘m’, ‘e’, ‘n’, ‘t’, ‘ ‘, ‘o’),
(‘o’, ‘ ‘, ‘a’, ‘n’, ‘o’, ‘t’, ‘h’, ‘e’, ‘r’, ‘ ‘),
(‘n’, ‘g’, ‘ ‘, ‘d’, ‘r’, ‘i’, ‘v’, ‘i’, ‘n’, ‘g’),
(‘i’, ‘n’, ‘_’, ‘f’, ‘i’, ‘l’, ‘e’, ‘(‘, ‘)’, ‘\xa0’),
(‘ ‘, ‘n’, ‘e’, ‘e’, ‘d’, ‘e’, ‘d’, ‘ ‘, ‘s’, ‘o’),
(‘d’, ‘e’, ‘d’, ‘ ‘, ‘s’, ‘o’, ‘m’, ‘e’, ‘t’, ‘h’),
(‘f’, ‘o’, ‘r’, ‘ ‘, ‘t’, ‘h’, ‘i’, ‘s’, ‘ ‘, ‘a’),
(‘m’, ‘e’, ‘n’, ‘t’, ‘.’, ‘ ‘, ‘I’, ‘ ‘, ‘t’, ‘h’),
(‘i’, ‘n’, ‘g’, ‘ ‘, ‘a’, ‘ ‘, ‘r’, ‘e’, ‘c’, ‘e’),
(‘n’, ‘m’, ‘e’, ‘n’, ‘t’, ‘.’, ‘ ‘, ‘I’, ‘ ‘, ‘t’),
(‘ ‘, ‘t’, ‘h’, ‘e’, ‘ ‘, ‘c’, ‘o’, ‘n’, ‘t’, ‘e’),
(‘w’, ‘a’, ‘n’, ‘t’, ‘e’, ‘d’, ‘ ‘, ‘t’, ‘o’, ‘ ‘),
(‘e’, ‘c’, ‘t’, ‘i’, ‘o’, ‘n’, ‘s’, ‘?’, ‘”’, ‘ ‘),
(‘c’, ‘i’, ‘p’, ‘e’, ‘ ‘, ‘i’, ‘n’, ‘t’, ‘o’, ‘ ‘),
(‘_’, ‘l’, ‘i’, ‘n’, ‘e’, ‘s’, ‘_’, ‘i’, ‘n’, ‘_’),
(‘T’, ‘h’, ‘e’, ‘ ‘, ‘M’, ‘a’, ‘r’, ‘k’, ‘o’, ‘v’),
(‘l’, ‘y’, ‘ ‘, ‘p’, ‘a’, ‘l’, ‘a’, ‘t’, ‘a’, ‘b’),
(‘ ‘, ‘d’, ‘u’, ‘r’, ‘i’, ‘n’, ‘g’, ‘ ‘, ‘a’, ‘ ‘),
(‘t’, ‘e’, ‘ ‘, ‘t’, ‘e’, ‘x’, ‘t’, ‘ ‘, ‘t’, ‘h’),
(‘t’, ‘ ‘, ‘i’, ‘t’, ‘ ‘, ‘b’, ‘e’, ‘ ‘, ‘a’, ‘w’),
(‘r’, ‘e’, ‘d’, ‘ ‘, ‘d’, ‘u’, ‘r’, ‘i’, ‘n’, ‘g’),
(‘t’, ‘i’, ‘v’, ‘e’, ‘ ‘, ‘t’, ‘e’, ‘x’, ‘t’, ‘ ‘),
(‘r’, ‘n’, ‘ ‘, ‘a’, ‘ ‘, ‘M’, ‘u’, ‘s’, ‘h’, ‘r’),
(‘e’, ‘d’, ‘ ‘, ‘s’, ‘o’, ‘m’, ‘e’, ‘t’, ‘h’, ‘i’),
(‘ ‘, ‘n’, ‘e’, ‘w’, ‘ ‘, ‘r’, ‘e’, ‘c’, ‘i’, ‘p’)

The Markov chain is slightly confusing, but fascinating to be honest. Initially, I struggled with the content because I wanted to do something outside of evaluating lyrics — at least for this assignment. I thought a while about creating predictive text using driving directions from Tisch to Hollywood… Boring. I needed something else. Something different. My aha moment occurred during a recent hunger pang. I thought to myself, “wouldn’t it be awesome to generate text that creates a new recipe based on a set of directions?” Could I really use the Markov chain to turn a Mushroom Burger recipe into another dish I found equally palatable? I used the function markov_generate_from_lines_in_file()  on my recipe source text. Here’s the output:

Out[306]:
['Transfer cook later if desired.) Moisten hands with a knife.',
 '365 Everyday Value, Extra Virgin Olive oil',
 'Heat remaining 2 tablespoons olive Oil, 16.9 fl',
 'Transfer cooked through, 5 to 6 minutes. (At this point you can refrigerate the juice and bread crumbs to',
 '365 Everyday Value, Extra Virgin Olive oil',
 '3 (8 ounce) packages sliced fresh mushrooms to a cutting board and garlic to the mixture to cooked mushro',
 'Prep 15 minutes.',
 '3 (8 ounce) packages sliced fresh mushrooms have given up their juice has almost evaporated, about 10 min',
 '365 Everyday Value, Extra Virgin Olive oil in a large skillet over medium heat; add more to the mixture, ',
 '365 Everyday Value, Extra Virgin Olive Oil, 16.9 fl']

Not what I intended but I think it’s totally possible to generate a new recipe using the Markov chain. I’ll keep testing!

Full code here:

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']

 

COMING SOON!

You never know, until you know….

hipster —

Rude awakening

Hipster Ipsum (http://hipsterjesus.com) replaces Lorem Ipsum text with hipster words, phrases, and behaviors of the modern-day hipster…The things they like, stuff they have and typically where they like to hangout are all populated through this API. I got a kick out of Hipster Ipsum, until I realized, I identify with too many of the words listed. I created a simple single web page and marked my hipster occurrences in red.

Side Project: Make the words interactive, animated and link enabled!

This is a modification from the “Single Web Page” assignment.

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]

Transcribe HW#1

We were asked to digitize a text that has never existed in digital form for our first assignment. The goal of the project is fidelity and attempting to transcribe as true to the original source material as possible. I thought of many things to transcribe: natural live births, funerals and police interactions on YouTube. The Youtube videos were great ideas but I wasn’t connected. I felt removed emotionally when I thought of transcribing a live birth. I watched many videos and although I connected with some, it wasn’t in the way I imagined for this project; I felt like a stranger looking in. After much debate, I decided to use something personal and that I’m actively involved in.

I spend time volunteering in the city with a wonderful organization that is focused on human centered design,  more specifically, finding ways to streamline the housing process for people currently living on the streets. I distribute care packages around NYC filled with socks, soaps, tampons, essentials for personal hygiene and snacks. We also hand out coats, jackets, sneakers and whatever else we can carry from our storage unit as a team. During distribution, we interview people and ask about their current shelter or housing status. The most passionate response usually comes from the following question: What would you change in the existing process that could make it easier to get off the street?” or “What would  you want out of an organization, how can they help you?”  One weekend, I met a wonderful elderly woman named Lisa on the corner of 34th St and 8th Avenue in Manhattan. She was covered from head to toe in heavy colorful wool blankets and sat quietly watching people pass by as she blended in with the scaffolding behind her. I looked directly at her and she gave me instant eye contact. We talked about many things; her life on the streets and her experience with the current shelter system. This interview resonated with me because of Lisa’s sheer passion and confidence. I thought about her for days after our initial interview. Could half of what she said truly exist? Could it be reality? I don’t know… See the transcription and audio below. 

 

Interviewer 1: Audrey (AM)
Interviewer 2: Tawania Reggler (TR)
Homeless Woman: Lisa from 34th & 8th Avenue, NYC (L)

AM: and ah, how long have you been here out on the streets.
L: um, I don’t remember.
AM: You don’t remember? Yeah, and have you been trying to move into housing?
L: No.
AM: No, um.
L: (Unintelligible) If I start doing it differently, I might mess up my, my, ah, ah…turn.
AM: Your turn?
L: Yeah.
AM: Yeah? Have the outreach organizations come and talk to you?
L: No.
AM: No, they don’t?
L: What’s that?
AM: The like outreach workers, outreach teams.
L: Oh! They came, but I told them the same thing.
AM: Yeah.
(Men talking in the background)
L: If I’m in the system, that um, waiting for my turn, for my waitlist, then I give myself everything.
AM: Yeah. Yeah, got it. Um, all right, ah, are there like any challenges that you faced in like working through the system?
L: No, I never want to work through the system because the system can’t help me.
TR: Why do you say that? That the system can’t help you?
L: Sweetheart, system has been broken for ages.
TR: Oh, trust me I know. But I’m asking you.
L: So I’m not giving you no secret.
TR: Right. I’m asking specifically, we’re using this data so that we can help.
L: Uh (Laughs).
TR: We need, we need like, concrete answers so we can take it to people that, take it to legislators and take it to people that can change the system, for you.
L: Talk to, call me when you’re going. I’ll come and talk to them.
TR: (Laughs)
L: I, I, have, education.
TR: I believe you.
L: I’ve been CNN person, girl on CNN (unintelligible). I know how to talk.
TR: Yeah.
L: Yeah, I can make them move their heads, move their brains.
TR: Yeah.
L: Because, system says. Help the homeless, give the money to some non-profit organizations. Non-profit organizations means: Pocket, in your pock… eh, ah in your ah…
TR: Money in your own pocket! L: Money in your own pocket!
L: Okay? This is non-profit organization. You think non-profit organization is gonna really give everybody place, so then who is gonna get the money for? If, I’m housed, you housed, she’s housed, non-profit organization don’t have anybody else to go say, hey, there’s so many out there. You got it?
TR: Got it.
L: It’s so simple. It’s just a logical explanation for everything but the system are screwed up because legislature thinks, hey we gave them money. Let’s give more money because there’s more out there.
TR: Mm Hmm
L: Because nobody (unintelligible). It’s simple.
AM: So if you could like picture, um like a system that was working, or an organization that could help you, like, what would that look like?
L: This is how they’re gonna do it, my opinion. It has to be mandatory whoever’s getting a place show the ID, and that have to go through the system, this person, this much long, is gonna be housed from these temporarily, TEMPORARILY, situations. Cause they not giving you apartment immediately. Is that right?
TR: That’s right.
(Sirens in background, people chatting)
L: This is the gap. They not giving apartment, they giving, ah, keep your mouth shut! In about, two three months, they didn’t got nothing? Kicked out. Limit is three months or two weeks or whatever it is. You kicked out. You still the same person on on the streets right? Means, the legislature have to say, whoa we have so much outside but what happened to the rest of the money? Huh? This is non-profit organization never gonna do the job. Have to be system that gonna look above their work, to see how they acting, how they helping the people and how to accomplish the goal. It’s important, important issue. We glad to say, we’re Americans. Fuck America! I’m not joking around. I stand on the corner and say fuck America. I’m not scared. I’m not shamed, because America messed it up, you know why? First of all, when I was working, ah in my (unintelligible) I have six languages. I was working immigration office, because everybody comes, they need the translation. You know how many people who spoke, let’s say you come in, I have to take your paperwork in immigration office right? You speak my language, I speak your language, we’re, oh my God. I’m gonna, I’m gonna put you in. You’re in. Don’t worry about it. We’re gonna get you in. In America. I would put every correct answers. I would not even ask. I know what I’m gonna put for you to get in here because I don’t want to be alone. I want to be somebody from my side, you get it what I’m saying? This is what they’ve done and nobody got checked out. Who’s coming in this country?
TR: Yup
L: Every bad person who was kicked out of their country, came to this country. Now we got a mess! Chaos in our country, because somebody, well, plenty people didn’t do proper job to keep this place clean. I feel sorry for Indians. I’m not joking around. I feel sorry for the police department, because they can’t handle the chaos. We don’t pay tax, nobody pay tax. Taxpayers are for sell! They go to work, oh today you’re special. Uh, get one, ah $5 dollar uh, uh, dish uh second monies for fee. For fees the employees going with a stranger! Could be killer, right?
TR: Mmm Hmm
L: This is what we have to face it. This is crazy what’s going on. Our taxpayers are getting someone to kill us. Trai, Somebody who wants to have a citizenship. They take to their country, have a face operation, get, look like the person who went into that country, and then (unintelligible) comes here. It could be espionage. It could be uh, enemy for our country. We don’t know that. So we have to have a stronger regime, stronger system for people get off the system on the streets but have a proper (unintelligible) to go and proper life to live. Not to be in a limbo. That’s not right.
AM: Did you, were you ever in like temporary housing or a shelter?
L: Temporary housing no, shelter yeah. When I was first came to New York, uhh that was three four years ago.
AM: And where…
L: And I went to shelter, then they put me into system.
TR: Where were you, where are you from?
L: I was
TR: Where did you come from?
L: I don’t remember. Ah, I was in the system maybe one month, or two months, that’s it. I was out.
TR: Hmm
L: That’s it.

AM: Why did you, (pause) leave the (pause) the system?
L: Ah, because (laughs) I don’t want to get into this but because my family had connections with the shelter. Now they own all the shelters. Bad guys. Simple. Bad guys.
TR: So if you could do anything to get into a housing program now, would you do?
L: No, honey
TR: You don’t want to go into housing?
L: Because my family is a bad guy, they’re killers and they’re thieves, and insurance coverers. If they know you, they know your information, they have two kind of insurance. One is a personal insurance.
TR: Uh huh
L: For best friends, for family. Or for the employer right?

TR: Uh huh
L: Where there are different (unintelligible) correct?
TR: Correct?
L: So, you might go into the purse of friends, special friend’s insurance list, and they get two insurance. One you’re an employee the other one is your best friend. They’re not connected. So afterwards, you’re gonna gone with the wind they get from two places money.
TR: OK
L: This is the system.
TR: Yeah
L: You got it, what I said?
TR: I got it. That’s why we’re collecting data.
L: You see how sad it is?
TR: Yeah, it is very sad
AM: Yeah
L: It’s scary isn’t it?
TR: There’s not so much we can do but we’re trying to collect this data to make it useful and helpful for homeless people.
L: Their names is known, everybody knows it, everybody scared of it, I don’t. They killed my husband for insurance scam. They make four million dollars out of one place. They investigate how they can make the most, and that’s the million put them into the system, as a rich guy. That’s, that’s my husband’s life, needed it from them to have their foots into the door. That’s what they did.
L: So, for one, for once they went and checked it. I never knew my husband had any insurance. I had no idea, never checked it, never interested. We live together, so hey. But they went, got into his car, broke into his car, got the insurance claims and stuff, they checked it out. They got friends in the insurance company and said “what is the deal”, they said, the insurance company friend was related to them, somebodies daughter’s husband was a insurance agent. The best money you get when he dies in the car that’s one million dollars just for that. The person dies in the car, one million dollar! So they killed him in the car, they make sure he was dead in the car! Can you imagine that? and then they added added added (unintelligible) 3-4 million dollars and a foot in the door, they start investing and now they’re the biggest guys in all California, New York. Every biggest cities, in fact they have companies in New Jersey. That’s how they invested (unintelligible).
TR: I have another coat would you like it?
L: Huh?
TR: I have another coat would you like it?
L: Uh, is it big enough?
TR: Yeah, it’s big enough and it’s nice and warm.
L: You sure? How about you?
TR: I have a coat. (Laughs)
L: You sure?
TR: Yeah, what do you think about this one?
L: I don’t know. (Hesitant)
TR: You tell me
L: It looks warm to me!
TR: Yeah, you can have it.
L: Can I?!
AM: Yeah!
TR: Of course
L: You know what? They say Tuesday, (unintelligible) is giving out the coats.
TR: Okay
L: So get a few of them and give them away.
TR (laughs) Okay
L: Seriously
TR: What’s your name?
L: Eh, Lisa
TR: Lisa
TR & AM lift Lisa up to try on new coat. (Unintelligible)
TR: You get it?
AM: Yeah.
TR: It still has the tags on it
L: I know. Ah let’s see if this one goes. (L trying on new coat)
Woman walking with child: want some hot chocolate? I didn’t touch it. It was because it’s buy one get one, you know.
TR: (Laughs)
L to child: You like hot chocolate honey? Of course she does. (Unintelligible)
Woman walking with child: Would you like to give it to her (woman asking child to give hot chocolate to Lisa)
Woman walking with child: Here you go!
AM: Yeah it might be a little bit tight.
L: It’s tight is it? It’s small.
TR: You think it’s too small?
L: I think so.
TR: You didn’t try the other arm.
L: Because I can’t even get that
TR: Oh you can’t. Okay. Oh, alright. I’m sorry.
L: That’s okay honey. You’re doing your best
TR: Would you like a scarf? I think I have a scarf.
L: A scarf is good.
TR: Okay, hold on one second (Gets scarf). How’s this?
L: Tight!
AM: Yeah
TR: Scarf
L: Oh, thank you
TR: You’re welcome
L: Thank you, thank you. Hey listen, when you going (unintelligible).
TR: Yes
L: Okay
TR: Yes
L: Use me
TR: Yes!
L: (Unintelligible) I’m not going there but when I open up my mouth, nobody can shut me.
TR: Yes (laugh)
L: Because I go exactly to the point. I don’t dance around. Nah ah, I don’t need 3 hours to talk. 5 minutes I can give you all the picture you need. In the perfect way for them to say hey, we have somebody stealing our stuff it’s not going out properly, let’s do something about it.
TR: Thank you so much Lisa!
L: You’re welcome. What’s your name?
TR: My name is Tee.
L: Tee! Yours?
AM: I’m Audrey.
L: Audrey, beautiful!
TR: God bless you okay? And take care.
L: God bless you, you guys make a perfect, perfect team.
TR: (Laughs) Thank you
L: You know perfect team makes the Holy Spirit get involved. Holy Spirit gets involved, everything’s gonna go smooth like a butter.
TR: Yes (laughs)
AM: Alright
L: Thank you so much
TR: Thank you!

Final Project- Moony

I’m happy to say my final project turned out okay, considering I didn’t have the physical component added as planned. I initially started with an idea of a functional DIY turntable that created a scratch effect using a MousePressed P5.js function combined with several sound files (see sketches below). I researched a few  DIY websites online and found the perfect turntable apparatus on instructables.com

Sketch 1

Sketch 2

The designer listed the following items needed to execute the project:

Components:

plywood (4mm) for knobs/sliders/decoration/disc
fibreboard(18mm) for the table itself
plexiglass (4mm) for the disc/inside disc

Electronic Components:

1 Arduino Uno
2 potentiometers
2 slider potentiometers
1 rotary encoder

Audio Software:

Javascript + browser
Web audio API

Communication:

Node Js
+ libraries (socket.io, node-serialport)

The Process…

I attempted to order the first piece of hardware online but decided against it and will save the physical portion of the project for my future PCOMP class (I can’t wait!!!) That said, I needed to brainstorm a different way for the end-user to interact with Moony.

 

Moony is a double sphere shaped object I envisioned working similar to a turntable – drag your mouse on the circles to create a scratch effect (vinyl), press  left and right arrows for voice (crossfader).

I found a great copyright free EDM track online. I converted the video to mp3, chopped it down to 4MB in Adobe Premier and uploaded all files to the p5 web editor.

The Files…

File 1: Dan Shiffman explains bubbles

File 2: When kids are excited

The code…

Problem # 1: KeyPressed function doesn’t work for left/right arrow keys, it breaks the code so I commented it out
Problem # 2: Unable to add new shapes or text
Problem # 3: Looping main song breaks the code, seeking alternative scratching pattern

I was able to get the KeyPressed function to work after we removed the load call back from the code. I also wanted to add a shape and/or text to help navigate the user to a perfect pitch position between the circles – initiating the scratch effect. Unfortunately, I don’t believe there’s an easy way to add text or shapes in a WEBGL enabled canvas. I found a few workarounds online but it wasn’t within the scope of this project.

Moony Revamped…

INSTRUCTIONS:

  1. Place the cursor between both circles.
  2. Press mouse to start beat.
  3. Slowly move cursor up and down to create scratch (drag cursor up to decrease speed, drag cursor down to increase speed .
  4. Press left and right arrow key to start voice effects. Press any key to stop.
  5. Press mouse to stop beat.

 

Updated code…

I overlooked ergonomic specs as a right-handed user and found pressing the arrow keys and mouse simultaneously somewhat difficult but on a lighter note:

Most humans (70 – 95%) are right-handed, so if you’re a lefty, Moony was MADE for you. Enjoy!

I want to give a HUGE thank you to Mithru,  for helping me figure out all of tiny intricacies of the code, his patience and most importantly for his time – he effortlessly OWNED the scratch.

Special thanks to Dan S., for keeping the class material entertaining, engaging and fun (and for letting me sample your voice).

Ultimately, I’d like to have a more contained scratch and seamless mixing.

To be continued…

 

Full version of Moony HERE

Final Project Proposals

For my final project, I decided to focus on my moony work from week 8. Ultimately, I’d like to turn the spheres into DJ turntables and playback two selected songs. Additionally, a crossfader switching between songs would be AMAZING.

 

I already have two songs in mind to play; they’re actually looping uncontrollably in my head right now. Unfortunately, I haven’t taken the P-COMP class this semester using Arduino, so I miss out on the physical component of the project. I might be able to self-learn with YouTube, depending on how much time and effort I put into independent learning. I’ve always been interested in music and I’ve decided to incorporate music into every project or design at ITP- data and music, where applicable. Music will always be a primary inspiration for me; after all, music is life… I researched some basic turntable mockups online and I really like the cartoonish look.

 

I want to continue to use the directionallLight function and WEBGL without losing light quality hopefully, the image synchronizes successfully. Right now the proposed title is “Music is Life” and I look forward to making this project an interactive, fun and simple program for people of all ages to use! Even my 90+ year-old grandmother!

 

Side note- I’d like to add a data source to pull the lyrics of the songs or the artist info but I’m not sure how to incorporate this yet…