{"id":66562,"date":"2021-09-26T18:17:46","date_gmt":"2021-09-26T22:17:46","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/?p=66562"},"modified":"2021-09-26T18:17:46","modified_gmt":"2021-09-26T22:17:46","slug":"looking-outwards-sound","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/26\/looking-outwards-sound\/","title":{"rendered":"Looking Outwards- Sound"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<html><body><p>The project that I decided to look at was Expressions, by Kynd and Yu Miyashita. I found the video to be captivatingly intricate, and I was shocked when I read that it was all digitally rendered. I was even more shocked when I found out it was rendered in 2D, using various layering and shading techniques as opposed to 3D vectors.&nbsp;<img loading=\"lazy\" src=\"https:\/\/lh6.googleusercontent.com\/GpB7aL5DIav56CJi3OnnWlJgb_y5E8wlVoerRjGW0LzmKh6fl482HQekHZJKsE9xarFUob9JqGRI0FJW-sNMD9jIVEHzJ7NDAoHdp66FAd_xKG5z5F70a79KMfHB6ThM98HPyVVW=s0\" width=\"624\" height=\"351\"><\/p>\n\n\n\n<p>The images themselves were really cool, but the soundscape that went with it really elevated the experience. A brief warning if you are going to watch it, make sure to turn your sound down. I got blasted with an intense high pitched screech in my ear right off the bat (which was cool&hellip; but scary). I thought the interactivity between the sound and visuals was really compelling.<\/p>\n\n\n\n<p>When reading about the piece at: <a href=\"https:\/\/www.creativeapplications.net\/sound\/expressions-paint-and-pixel-matiere-at-micro-scale\/\">https:\/\/www.creativeapplications.net\/sound\/expressions-paint-and-pixel-matiere-at-micro-scale\/<\/a><\/p>\n\n\n\n<p>I learned that the developer used WebGL which is a JavaScript api, made to render 2D and 3D graphics, and then went in on TouchDesigner to add detail. When looking at WebGL samples, I found that they are very similar to what we are doing now. I also know that we can use WebGL in p5.js, so maybe they&rsquo;re the same thing? It was hard to find information on it. But anyways, it was interesting to see what I could do in the future if I keep up with programming.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Accelerated Expressions\" src=\"https:\/\/player.vimeo.com\/video\/407444970?h=ba88df926d&amp;dnt=1&amp;app_id=122963\" width=\"840\" height=\"473\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure><\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>The project that I decided to look at was Expressions, by Kynd and Yu Miyashita. I found the video to be captivatingly intricate, and I was shocked when I read that it was all digitally rendered. I was even more shocked when I found out it was rendered in 2D, using various layering and shading &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/2021\/09\/26\/looking-outwards-sound\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Looking Outwards- Sound&#8221;<\/span><\/a><\/p>\n","protected":false},"author":665,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[101,57],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66562"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/users\/665"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/comments?post=66562"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66562\/revisions"}],"predecessor-version":[{"id":66563,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/posts\/66562\/revisions\/66563"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/media?parent=66562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/categories?post=66562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/15-104\/f2021\/wp-json\/wp\/v2\/tags?post=66562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}