{"id":170,"date":"2014-12-21T01:48:45","date_gmt":"2014-12-21T01:48:45","guid":{"rendered":"http:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa.png"},"modified":"2020-04-06T21:31:31","modified_gmt":"2020-04-06T21:31:31","slug":"teresa","status":"inherit","type":"attachment","link":"https:\/\/lifeorange.com\/Art102\/?attachment_id=170","title":{"rendered":"&#8220;Golden Sun&#8221; Visualization &#8211; Teresa Lum"},"author":1,"comment_status":"open","ping_status":"open","template":"","meta":[],"description":{"rendered":"<p class=\"attachment\"><a href='https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa.png'><img width=\"300\" height=\"233\" src=\"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-300x233.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-300x233.png 300w, https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-1024x797.png 1024w, https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-624x486.png 624w, https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa.png 1027w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>|<\/p>\n<p><a href=\"Teresa\/Final\/\">View Project<\/a><\/p>\n<p>I love music. I\u2019ve always loved it and I\u2019m pretty sure I always will, but unfortunately I just don\u2019t have the ear for it. To make up for that, I applied my love for graphics and visual art to create a visualizer, using p5.js, for the song \u201cGolden Sun\u201d by Sweater Beats. I chose the song because it was dynamic enough to drive the visuals while not being so complex it distracts from it.<\/p>\n<p>I started out with one single white circle against a black background, its size changing with the song\u2019s amplitude. The background color corresponds with a range of frequencies, which I used the FFT to figure out. More circles, a waveform mapped to the song\u2019s amplitude, and dots in the background were added for visual effect.<\/p>\n<p>This project was a good learning experience for working with JavaScript. I had a lot of trouble understanding FFT and limiting the background to just one range of colors, but it was very rewarding to see it all come together. I wanted to keep my graphics clean and simple to achieve a minimalist aesthetic.<\/p>\n"},"caption":{"rendered":"<p>| View Project I love music. I\u2019ve always loved it and I\u2019m pretty sure I always will, but unfortunately I just don\u2019t have the ear for it. To make up for that, I applied my love for graphics and visual art to create a visualizer, using p5.js, for the song \u201cGolden Sun\u201d by Sweater Beats. [&hellip;]<\/p>\n"},"alt_text":"","media_type":"image","mime_type":"image\/png","media_details":{"width":1027,"height":800,"file":"2014\/12\/teresa.png","sizes":{"thumbnail":{"file":"teresa-150x150.png","width":150,"height":150,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-150x150.png"},"medium":{"file":"teresa-300x233.png","width":300,"height":233,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-300x233.png"},"large":{"file":"teresa-1024x797.png","width":1024,"height":797,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-1024x797.png"},"post-thumbnail":{"file":"teresa-624x486.png","width":624,"height":486,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa-624x486.png"},"full":{"file":"teresa.png","width":1027,"height":800,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa.png"}},"image_meta":{"aperture":0,"credit":"","camera":"","caption":"","created_timestamp":0,"copyright":"","focal_length":0,"iso":0,"shutter_speed":0,"title":"","orientation":0}},"post":159,"source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/teresa.png","_links":{"self":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/media\/170"}],"collection":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/media"}],"about":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/types\/attachment"}],"author":[{"embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=170"}]}}