{"id":3997,"date":"2023-10-19T15:50:57","date_gmt":"2023-10-19T19:50:57","guid":{"rendered":"https:\/\/dems.asc.ohio-state.edu\/?p=3997"},"modified":"2023-10-19T15:50:57","modified_gmt":"2023-10-19T19:50:57","slug":"pp2-living-typography","status":"publish","type":"post","link":"https:\/\/dems.asc.ohio-state.edu\/?p=3997","title":{"rendered":"PP2: Living Typography"},"content":{"rendered":"\n<p>The inspiration for this project was &#8216;Nervous Tick,&#8217; an animation by Chuck Csuri. I loved the way the shapes felt &#8216;alive&#8217; in their movements, almost reacting to those watching them. I also wanted to give the computer presence a voice through the use of typography. The interaction between image and viewer was my impetus for creating this work.<\/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<iframe loading=\"lazy\" title=\"PP2 Demo\" width=\"590\" height=\"332\" src=\"https:\/\/www.youtube.com\/embed\/Bk84KDCipNo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Everything in this first iteration is motion triggered and set off through time delay. Using a webcam, filtered through the &#8216;Difference&#8217; and then &#8216;Eyes++&#8217; actor, the motion sensor in it detects movement, which sends triggers for text to appear. One motion sensor actor (above) has a longer delay time and allows for a smoother interaction from human movement to text output. The second motion sensor is set up to be quick and jittery. I did this to give emotion to the creature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"688\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.31-PM-1024x688.png\" alt=\"\" class=\"wp-image-3998\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.31-PM-1024x688.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.31-PM-300x202.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.31-PM-768x516.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.31-PM-1536x1032.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.31-PM-2048x1376.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"685\" data-id=\"4000\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.50-PM-1024x685.png\" alt=\"\" class=\"wp-image-4000\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.50-PM-1024x685.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.50-PM-300x201.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.50-PM-768x514.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.50-PM-1536x1028.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.29.50-PM.png 1560w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"712\" height=\"602\" data-id=\"3999\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.30.54-PM.png\" alt=\"\" class=\"wp-image-3999\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.30.54-PM.png 712w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.30.54-PM-300x254.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>Text in the first scene includes &#8216;Hey There!&#8217;, &#8216;I&#8217;m in here!&#8217;, &#8216;It&#8217;s dark..&#8217;, &#8216;Let me out!&#8217;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"950\" height=\"532\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.27-PM.png\" alt=\"\" class=\"wp-image-4001\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.27-PM.png 950w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.27-PM-300x168.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.27-PM-768x430.png 768w\" sizes=\"auto, (max-width: 950px) 100vw, 950px\" \/><\/figure>\n\n\n\n<p>At first, the viewer is not sure whether the character is innocent. From audience reaction, I gathered people thought the creature was the victim. It is revealed in the next scene that it is an unpleasant virus looking thing that has been unleashed and will &#8216;see you in your dreams.&#8217;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"534\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.51-PM.png\" alt=\"\" class=\"wp-image-4003\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.51-PM.png 952w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.51-PM-300x168.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.46.51-PM-768x431.png 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"944\" height=\"534\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.47.08-PM.png\" alt=\"\" class=\"wp-image-4004\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.47.08-PM.png 944w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.47.08-PM-300x170.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.47.08-PM-768x434.png 768w\" sizes=\"auto, (max-width: 944px) 100vw, 944px\" \/><\/figure>\n\n\n\n<p>A new element in this project is the use of feedback through the &#8216;Get Stage Image&#8217; Actor plugged into Projector. It creates a melting effect similar to datamosh that really gave it an organic feel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"704\" src=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.31.21-PM-1024x704.png\" alt=\"\" class=\"wp-image-4005\" srcset=\"https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.31.21-PM-1024x704.png 1024w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.31.21-PM-300x206.png 300w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.31.21-PM-768x528.png 768w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.31.21-PM-1536x1057.png 1536w, https:\/\/dems.asc.ohio-state.edu\/wp-content\/uploads\/2023\/10\/Screen-Shot-2023-10-19-at-3.31.21-PM.png 1730w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The inspiration for this project was &#8216;Nervous Tick,&#8217; an animation by Chuck Csuri. I loved the way the shapes felt &#8216;alive&#8217; in their movements, almost reacting to those watching them. I also wanted to give the computer presence a voice through the use of typography. The interaction between image and viewer was my impetus for [&hellip;]<\/p>\n","protected":false},"author":88,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3997","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/3997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/users\/88"}],"replies":[{"embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3997"}],"version-history":[{"count":1,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/3997\/revisions"}],"predecessor-version":[{"id":4006,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=\/wp\/v2\/posts\/3997\/revisions\/4006"}],"wp:attachment":[{"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dems.asc.ohio-state.edu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}