{"id":861,"date":"2019-08-28T23:31:15","date_gmt":"2019-08-29T03:31:15","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/?p=861"},"modified":"2019-08-28T23:31:15","modified_gmt":"2019-08-29T03:31:15","slug":"joy-tartaglia-animated-abstraction","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/animated-abstraction\/jtartaglia\/joy-tartaglia-animated-abstraction\/","title":{"rendered":"Joy Tartaglia &#8211; Animated Abstraction"},"content":{"rendered":"\n<p><strong>Geometric Abstraction Video<\/strong><\/p>\n\n\n\n<p>Music is by J. M. Hotteterre <\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Geometric Abstraction Animation\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/D80fbVF5e4Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>And here&#8217;s the Max patch in action.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Geometric Abstraction Animation Max patch\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/MeJDTxaUSGo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>After digging through some older projects, I found the object I was looking for: live.step. The project it came from was a sort of makeshift sequencer, so after I studied all the objects to remember how they worked, I copy-pasted all the parts into my new project. Since live.step can&#8217;t play multiple notes at once, I simply made more of them for multiple parts.<br><br>I didn&#8217;t have the confidence to whip up a short song on my own, so I dug up one of my music books and basically recreated part of the song from the sheet music. It&#8217;s not the entire song. Since it&#8217;s in AABB format, what I created is approximately a fourth of the entire song, but it was quite enjoyable to do once I dusted off my rusty reading skills.<br><br>The particular song I chose has a slight swing to it. It&#8217;s not exactly a swing, though. Maybe it&#8217;s more like a sway? I set up the counter so every other note goes through a pipe object for a very brief delay. I pulled that idea from my past project as well.<br><br>The alto and bass parts act in a similar manner with only small tweaks in their positional data. The X axis is randomly generated in a limited range so the shapes wouldn&#8217;t disappear too much off screen. The Y axis is determined by the notes played. A higher note results in a higher position, with an offset so the two parts are more distinctly placed apart. Size is a set number depending on the step. Color is also determined by the notes played. I tweaked the opacity to work with the duration of the notes, but it&#8217;s a little hard to tell in the end result. I probably could have worked with fewer objects, but I was being cautious about accidentally making a fading object get overwritten before the face could complete.<br><br>The accompanying piano part is the most rigid in shape, position, and size. I wanted them to be more of a background effect. <br><br>The music can also be changed, and the song I recorded is saved in a preset object. With the preset, I can open up this particular Max patch anywhere and the song will be ready to play. It&#8217;s not currently set up to permanently save other songs, but it&#8217;s very easy to set up.<br><br>I could have pasted in an awesome little percussion section, but I decided to leave it out because the song I chose doesn&#8217;t have any percussion.<br><br>There definitely dozens of faults in this patch &#8211; I tend to brute force things before finding a smoother way and it causes a lot of clutter. One important issue I need to address before I can hand it off to anyone for fun is the note:color coordination. Since live.step sends MIDI data, notes are numbers. Theoretically, I could figure out any number&#8217;s note by dividing and finding the remainder, but I couldn&#8217;t find a way to do it. I ended up brute forcing the note-to-color process, which means not all notes can be given their corresponding color. Any that fall outside the set limit will just be turned red.<br><br>I might have focused a little too much on the music part. Since I wanted the shapes to be more determined by their corresponding notes, I wasn&#8217;t sure how to set up an action like making them slide across the screen in the time I had. Other than the various little issues, this project was fun to work with.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Geometric Abstraction Video Music is by J. M. Hotteterre And here&#8217;s the Max patch in action. After digging through some older projects, I found the object I was looking for: live.step. The project it came from was a sort of makeshift sequencer, so after I studied all the objects to remember how they worked, I&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/animated-abstraction\/jtartaglia\/joy-tartaglia-animated-abstraction\/\">Read More<\/a><\/div>\n","protected":false},"author":121,"featured_media":868,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[10],"tags":[],"class_list":["post-861","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animated-abstraction"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-content\/uploads\/sites\/10\/2019\/08\/Screenshot-52.png","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/posts\/861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/users\/121"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/comments?post=861"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/posts\/861\/revisions"}],"predecessor-version":[{"id":867,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/posts\/861\/revisions\/867"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/media?parent=861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/categories?post=861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a19\/wp-json\/wp\/v2\/tags?post=861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}