{"id":942,"date":"2018-11-01T12:32:14","date_gmt":"2018-11-01T16:32:14","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/?p=942"},"modified":"2018-11-01T12:32:14","modified_gmt":"2018-11-01T16:32:14","slug":"kyria-nelson-animated-abstraction","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/knelson\/kyria-nelson-animated-abstraction\/","title":{"rendered":"Kyria Nelson &#8211; Animated Abstraction"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-949\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/thumbnailthing-800x359.png\" alt=\"\" width=\"965\" height=\"433\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/thumbnailthing-800x359.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/thumbnailthing-768x344.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/thumbnailthing-1024x459.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/thumbnailthing-600x269.png 600w\" sizes=\"auto, (max-width: 965px) 100vw, 965px\" \/><\/p>\n<p>For my animated abstraction, I wanted to keep the general idea of a gradient circle pattern based on Zanis Waldheims&#8217; artworks. However, I wanted to make the circles move around and follow each other, in order to keep the gradient in the correct order. Using these criteria, gradient &#8220;snakes&#8221; made out of circles were born. Here they are, moving around with &#8220;default settings&#8221;:<\/p>\n<p><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/rD0FLQsOLaM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Default settings mean that the &#8220;snakes&#8221; move at a constant speed, have a set amount of randomness to their movements, and have a set speed for their desaturation to change. I like the idea that they randomly choose where to go, and it adds to the feeling that they are living creatures making their own decisions.<\/p>\n<p>In order to add some more interesting visuals and another element to the project, I added a playlist which will randomly select and play sounds. When different sounds are played, it randomly effects the &#8220;default&#8221; settings mentioned earlier. Different sounds can add or subtract from the values which affect the speed or randomness movement of the snakes. Generally this leads to the circles being more colorful, spaced out, and fast.<\/p>\n<p>As you can see, it gets notably more hectic:<\/p>\n<p><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/qMyKF0lT2BM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Within the project there are multiple things for the user to interact with.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-947\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Capturebbuttons-709x800.png\" alt=\"\" width=\"308\" height=\"347\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Capturebbuttons-709x800.png 709w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Capturebbuttons-768x867.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Capturebbuttons-266x300.png 266w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Capturebbuttons.png 783w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/p>\n<p>Just as within the original Geometric Abstraction, it is entirely possible to set the saturation of the primary colors. In addition there is a toggle to turn the sound (and therefore the random settings) on and off, and also a button to reset the settings to their default values. After I decided I had completed my Max artwork, I played around with the settings for quite a while. I believe that letting the project run randomly is the best way to experience the art.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-948\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Webp.net-compress-image-800x174.jpg\" alt=\"\" width=\"800\" height=\"174\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Webp.net-compress-image-800x174.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Webp.net-compress-image-768x167.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Webp.net-compress-image-1024x222.jpg 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Webp.net-compress-image-600x130.jpg 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Finally, here is the beast- and a gorgeous amount of Max spaghetti for optimal confusion.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For my animated abstraction, I wanted to keep the general idea of a gradient circle pattern based on Zanis Waldheims&#8217; artworks. However, I wanted to make the circles move around and follow each other, in order to keep the gradient in the correct order. Using these criteria, gradient &#8220;snakes&#8221; made out of circles were born&#8230;. <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/knelson\/kyria-nelson-animated-abstraction\/\">Read More<\/a><\/div>\n","protected":false},"author":38,"featured_media":949,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-942","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animated-abstraction"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/thumbnailthing.png","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/942","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/comments?post=942"}],"version-history":[{"count":1,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/942\/revisions"}],"predecessor-version":[{"id":950,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/942\/revisions\/950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/media\/949"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/media?parent=942"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/categories?post=942"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/tags?post=942"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}