{"id":625,"date":"2022-02-08T22:31:08","date_gmt":"2022-02-09T03:31:08","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/?p=625"},"modified":"2022-02-08T22:31:08","modified_gmt":"2022-02-09T03:31:08","slug":"bumble_b-timepiece","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/bumble_b\/02\/08\/bumble_b-timepiece\/","title":{"rendered":"bumble_b-timepiece"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-638\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-scaled.jpg\" alt=\"\" width=\"2560\" height=\"1420\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-scaled.jpg 2560w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-640x355.jpg 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-1024x568.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-768x426.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-1536x852.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-2048x1136.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-screenshots-1-1200x666.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1475337\">Sketch on OpenProcessing<\/a> <a href=\"https:\/\/editor.p5js.org\/koolaid_krusade\/sketches\/jA9LJavJz\">Sketch on p5.js<\/a><\/p>\n<p>Note: You have to press play once yourself on OpenProcessing for some reason. On p5.js it autoplays right on startup.<\/p>\n<p>My clock tells the time of day by playing a song on SoundCloud with that title. I achieved this with a really simple code that pulls a SoundCloud embed code from a 2D array where the first index is the hour and the second index is the minute. So basically, I have 12 arrays each with 60 values. I wasn\u2019t sure what to expect when making this clock, but it reminds me a lot of the <a href=\"https:\/\/youtu.be\/5qap5aO4i9A\">lofi music lives<\/a> on YouTube that help people study. Though the songs never make it past one minute before switching over to a new one unlike the lives that play full songs, I think the feature is a really interesting way to experience the passage of time while working or chilling! Some of the songs have lyrics that match their title, like \u201cIt\u2019s 12:43 right now and I can\u2019t sleep\u201d or something like that, which is also a cool way to hear what time it is. I mentioned that timekeeping devices that engage my sense of hearing are my favorite (cuckoo clocks!), and I\u2019m really happy with this exploration of that!<\/p>\n<p><iframe loading=\"lazy\" title=\"Untitled\" src=\"https:\/\/player.vimeo.com\/video\/675300550?h=b9074e8c38&amp;dnt=1&amp;app_id=122963\" width=\"840\" height=\"289\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>I originally planned on using Spotify, but the Spotify embed didn\u2019t really serve my needs properly. It looked ugly, made the user sign in before listening, only played a 30 second snippet of the song, and wouldn\u2019t even autoplay! It was a nightmare. After some troubleshooting and research, I found that SoundCloud worked a lot better and had the features I had envisioned!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-626\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch.png\" alt=\"\" width=\"2322\" height=\"1580\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch.png 2322w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch-640x435.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch-1024x697.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch-768x523.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch-1536x1045.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch-2048x1394.png 2048w, https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-content\/uploads\/2022\/02\/Clock-sketch-1200x817.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>Since I\u2019m so busy this month, I tried to keep this as simple as possible, which totally worked! It took me just about 15 minutes to come up with the structure and make it work. The only flaw with my brilliant plan\u2026 I severely underestimated how long it would take to hand pick over 700 songs! There are also a lot of bad songs out there\u2026 like, straight up BAD\u2026 that I had to sift through! But, I picked songs that I found good and interesting (even if they weren\u2019t my taste). From Russian rap, to Spanish screamo, to just straight up NOISE sometimes, I got to explore really cool genres and pick a good variety for my clock.<\/p>\n<p><strong>With that comes my big disclaimer\u2026 a lot of these songs are explicit, so beware. There\u2019s lots of vulgar rap music and songs in languages that I can\u2019t speak so I don\u2019t really know what they\u2019re saying. It feels really irresponsible to make something with pieces of other people\u2019s work that I can\u2019t fully listen to with my time crunch, so if you listen to my clock and hear something that\u2019s not okay, please let me know so I can replace it ASAP!<\/strong><\/p>\n<p>On the other hand, I did get to pick some songs that were really meaningful, like a tribute to the artist\u2019s friend who passed or a beautiful song about the impact of police brutality. There are funny songs, calming songs, scary (SCREAMING) songs, and I really love that the most about it!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sketch on OpenProcessing Sketch on p5.js Note: You have to press play once yourself on OpenProcessing for some reason. On p5.js it autoplays right on startup. My clock tells the time of day by playing a song on SoundCloud with that title. I achieved this with a really simple code that pulls a SoundCloud embed &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/bumble_b\/02\/08\/bumble_b-timepiece\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;bumble_b-timepiece&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,9],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/625"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/comments?post=625"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/625\/revisions"}],"predecessor-version":[{"id":639,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/posts\/625\/revisions\/639"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/media?parent=625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/categories?post=625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/s2022\/wp-json\/wp\/v2\/tags?post=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}