{"id":189,"date":"2013-11-18T17:46:25","date_gmt":"2013-11-18T17:46:25","guid":{"rendered":"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/?p=189"},"modified":"2013-11-18T17:47:20","modified_gmt":"2013-11-18T17:47:20","slug":"interactive-drawing-derek-johnson","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/interactive-drawing-derek-johnson\/","title":{"rendered":"Interactive Drawing &#8211; Derek Johnson"},"content":{"rendered":"<p>Hey,<\/p>\n<p>So for my interactive drawing, I chose to create a season changing animation following a leaf through each scene. I was going for a very zen\/peaceful experience from the viewer. I believe I succeeded in making this effect. The animation itself was fairly easy to create. I hand drew the leaf in flash then exported it as a png sequence. This came out of the process with the wrong format and numbering sequence, so I brought it into photoshop where I rendered the video with the proper settings. I then painted over a forest scene to create one basic background of just trees to keep that a constant in the animation. I made 3 layers of it and painted each season. I imported those pictures into flash again and made them move with tween frames and did the same process I did for the leaf to create the image sequence. \u00a0I struggled with the pd patch a little to get it to do what I wanted. The logic was in place some times but didn&#8217;t do what the code said which was weird. This is the end patch:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignleft size-medium wp-image-190\" alt=\"Patch\" src=\"http:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/Capture-300x232.png\" width=\"300\" height=\"232\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/Capture-300x232.png 300w, https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-content\/uploads\/2013\/11\/Capture.png 637w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"627\" height=\"353\" src=\"https:\/\/www.youtube.com\/embed\/cg7i2w6jwwU?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation\"><\/iframe><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey, So for my interactive drawing, I chose to create a season changing animation following a leaf through each scene. I was going for a very zen\/peaceful experience from the viewer. I believe I succeeded in making this effect. The animation itself was fairly easy to create. I hand drew the leaf in flash then [&hellip;]<\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[1],"tags":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p42QdX-33","_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts\/189"}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/comments?post=189"}],"version-history":[{"count":2,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts\/189\/revisions"}],"predecessor-version":[{"id":192,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/posts\/189\/revisions\/192"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/media?parent=189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/categories?post=189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/IMGD3200_B13\/wp-json\/wp\/v2\/tags?post=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}