{"id":935,"date":"2018-11-01T11:39:33","date_gmt":"2018-11-01T15:39:33","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/?p=935"},"modified":"2018-11-01T11:45:54","modified_gmt":"2018-11-01T15:45:54","slug":"animated-abstraction-catherine-roberts","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/ceroberts\/animated-abstraction-catherine-roberts\/","title":{"rendered":"Animated Abstraction &#8211; Catherine Roberts"},"content":{"rendered":"<p>I wanted to do something different for this assignment, so I decided to make a whole new abstraction. I was inspired by the fact that it was Halloween yesterday and my love for old videogames and decided to make my own abstraction using a ghost from PAC-MAN. The ghost was a pain to make, but doable as it was basically just a bunch of rectangles. When I finished making my ghost I tried to animate it, but I could not figure out how to make all of the individual shapes move together as one. I used jit.gl.multiple, but still could not maintain the shape of the ghost and move it at the same time. I want to learn more about how to do this in the future, but at this point I needed a new idea. I still wanted to put my ghost in here though because I think it is really cool.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-938 aligncenter\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Ghosty-pic-800x697.png\" alt=\"\" width=\"401\" height=\"349\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Ghosty-pic-800x697.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Ghosty-pic-768x669.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Ghosty-pic-1024x892.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Ghosty-pic-344x300.png 344w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/Ghosty-pic.png 1255w\" sizes=\"auto, (max-width: 401px) 100vw, 401px\" \/><\/p>\n<p>At this point, I decided to try out the jit.mo tool and I really liked the bubble effect that it produced. I also wanted to keep to my Halloween theme and found a bunch of intense and kind of creepy music on Freesound to use in my animation. Here is a picture of my Max patch:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-941\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/abstract-animation-patch-800x267.png\" alt=\"\" width=\"800\" height=\"267\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/abstract-animation-patch-800x267.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/abstract-animation-patch-768x256.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/abstract-animation-patch-1024x342.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-content\/uploads\/sites\/8\/2018\/11\/abstract-animation-patch-600x200.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>My animation includes four different playlists that randomly play the same set of sounds. They are set to different speeds, so the sounds are layered to create an interesting random song. Two of the playlist circuits are connected to a jit.mo circuit and whenever the song changes the color and size of the bubbles in the jit.mo animation also changes.<\/p>\n<p><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/KMbIbLaFoXI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I wanted to do something different for this assignment, so I decided to make a whole new abstraction. I was inspired by the fact that it was Halloween yesterday and my love for old videogames and decided to make my own abstraction using a ghost from PAC-MAN. The ghost was a pain to make, but&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/ceroberts\/animated-abstraction-catherine-roberts\/\">Read More<\/a><\/div>\n","protected":false},"author":105,"featured_media":943,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-935","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\/hqdefault.jpg","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/935","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\/105"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/comments?post=935"}],"version-history":[{"count":3,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/935\/revisions"}],"predecessor-version":[{"id":946,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/posts\/935\/revisions\/946"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/media\/943"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/media?parent=935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/categories?post=935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-b18\/wp-json\/wp\/v2\/tags?post=935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}