{"id":1253,"date":"2021-09-19T16:51:42","date_gmt":"2021-09-19T20:51:42","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/?p=1253"},"modified":"2021-09-22T14:53:40","modified_gmt":"2021-09-22T18:53:40","slug":"interactive-touch-project-john-l","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/jrlemieux\/interactive-touch-project-john-l\/","title":{"rendered":"Interactive Touch Project (John L)"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Touch Concept Project\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/mhWImvWUA7w?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption>Above is a video of my Interactive Touch Project. The concept revolves around the idea of self-identity and what the effects are to trying to force a change to one&#8217;s identity (Change that isn&#8217;t harmful in anyway). The end result is the idea that nobody is unique anymore and what made them special is no longer there. This idea is represented by the colors, where the colors would turn grey when someone &#8220;forced a change.&#8221; Below is a video of the live interaction itself. <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Controller for Interactive Touch Project\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/nfxfoJ4C9DQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>The live interaction consists of a crane that controls when the animation moves. The crane is attached to one long wire. When the crane passes over a conductive spot on the wire, the animation plays the crane moving in the video. There is also a button to the side of the crane that allows for the user to dump the &#8220;doll&#8221; into the container. Below is an image of the controller and a video of the animation. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-1024x768.jpg\" alt=\"\" class=\"wp-image-1133\" width=\"480\" height=\"360\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-1024x768.jpg 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-800x600.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-768x576.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-1536x1152.jpg 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-2048x1536.jpg 2048w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/WholeSketch-400x300.jpg 400w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Animation for Interactive Touch Project\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/Qvik0nJ7B0c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>The video has three major controllable animation pieces to it, alongside some automated pieces of animation. The first is the person moving onto the platform, which is when the crane is on the left of the structure. The second animation triggers when the button is pushed, where the &#8220;doll&#8221; falls into the vat of liquid and comes back up. The third animation triggers when the crane is on the right of the structure and causes the &#8220;doll&#8221; to move off the screen. This also triggers an animation in the background, where a line of &#8220;dolls&#8221; accelerates across the screen. This is to showcase the amount of people who try to force a change in their lives. Below is also an animation that plays throughout the whole animation, where there is a conveyor of people going across the screen. <\/p>\n\n\n\n<p>My only artist question is if I should add more to the middle of the animation, due to how empty it feels, or if I should focus more on the overall presentation of the controller? <\/p>\n\n\n\n<p>Update: I did some edits to the physical controller and the animations to the interactive piece. One noteworthy change is that I was able to make the transition of using the controller more smooth by using paper, instead of cardboard. This allowed for a more smooth transition for the wire. I also constrained the stray wire, in order for it to not get stuck\/come in contact with other materials in the controller. The button was also fixed, so that the wire doesn&#8217;t come loose anymore. Below is an image of the change of the wire. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-768x1024.jpg\" alt=\"\" class=\"wp-image-1405\" width=\"490\" height=\"653\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-768x1024.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-600x800.jpg 600w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-1152x1536.jpg 1152w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-1536x2048.jpg 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-630x840.jpg 630w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-960x1280.jpg 960w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-225x300.jpg 225w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Redoneofmiddle-scaled.jpg 1920w\" sizes=\"auto, (max-width: 490px) 100vw, 490px\" \/><\/a><\/figure>\n\n\n\n<p>Another change was one that was recommended by a comment. The change was to make the animation more clear about how the doll was getting dumped into the liquid. So I added an animation to the holder to extend downward and then back up. A video of this is shown below. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Redone Animation for Interactive Touch Project\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/HkGgbMhnBV4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The live interaction consists of a crane that controls when the animation moves. The crane is attached to one long wire. When the crane passes over a conductive spot on the wire, the animation plays the crane moving in the video. There is also a button to the side of the crane that allows for&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/jrlemieux\/interactive-touch-project-john-l\/\">Read More<\/a><\/div>\n","protected":false},"author":214,"featured_media":1254,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1253","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-interactive-touch-project"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/20210919_1637291-scaled.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/users\/214"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/comments?post=1253"}],"version-history":[{"count":3,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1253\/revisions"}],"predecessor-version":[{"id":1406,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1253\/revisions\/1406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media\/1254"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media?parent=1253"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/categories?post=1253"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/tags?post=1253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}