{"id":1868,"date":"2021-10-11T00:33:59","date_gmt":"2021-10-11T04:33:59","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/?p=1868"},"modified":"2021-10-11T00:33:59","modified_gmt":"2021-10-11T04:33:59","slug":"dylan-valev-final-project-digital-connection","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/davalev\/dylan-valev-final-project-digital-connection\/","title":{"rendered":"Dylan Valev Final Project: Digital Connection"},"content":{"rendered":"\n<p>Throughout the prototyping and ideation of my final project, I wanted the physical constraint of an Arduino-based input to heavily influence what the function would be. Because of this, I was not entirely sure what exactly the users would do, other than interact with an audiovisualizer-driven environment. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How It&#8217;s Made<\/h2>\n\n\n\n<p>Construction around a microphone for the audio visualizer was a fun design challenge. My cheap gooseneck mic had a comical useable tactility to it, allowing it to bend and stretch any way I saw fit. To turn it on and off, I thought it would be neat to have a photosensor wiring up along the gooseneck. That way, whenever the user puts their mouth towards the mic, it would detect a change in lighting (darkening). The base was additionally bulky enough to rationalize having the Arduino and breadboard next to it, forming a horn shape when placing them all together. To decorate the shape, I had used one of my dad&#8217;s empty yogurt cups to puzzle in the electronics, and a gutted paper towel tube to cover the microphone and photosensor, which allowed for more accurate detections of passerby. I then covered the outside with inverted Oreo lining for a metallic sheen, making it a &#8216;silver horn&#8217; (and a convenient excuse for a snack). The bottom was draped with black cloth to cover the excess bulk and wiring, akin to a puppet&#8217;s bottom black fabric cover. After completing the horn, I immediately knew I wanted its user to fill the role of a bard in the eerie digital environment I had created.<\/p>\n\n\n\n<p>To complement this, the other user controlled all of the monitors in the scene that surrounded the horn player, emulating a possessive pied piper effect. They control this by holding a drawing tablet decorated as a TV and dragging a cursor hand controller (containing a tablet pen to brush across the tablet screen&#8217;s surface) horizontally and vertically. This rotated both the collective mass of monitors and their own individual rotations. This way, both the environment and horn-player are in digital interaction with one another, sharing the same screen and subjecting themselves to each other&#8217;s reaction, resulting in a shared (somewhat limited) metaverse. <\/p>\n\n\n\n<p>The microphone was sent into Unity and underwent many post-processing effects to further abstract the already abstracted tube distortion. I then connected it to my shader audiovisualization tool and made audio-reactive materials. These materials were then placed on a mix of new and old assets. <\/p>\n\n\n\n<p>To create the horn player, I had found an old free 3D model of a spooky rendered scene, extracting the base body of the posed figure subject. I then painstakingly brought all of its verts into a T-pose and fixed its UVs in order to stitch on an old computer monitor that I had made modeled beforehand onto its neck, making it a monitorhead. After altering Mixamo animations to make a some-what believable horn-playing animation, I had to further expand my audiovisualization tool to actually work on imported complex 3D animation. Making my audiovisualizer tool work on skinned meshes was a great learning achievement, as I had broadened its applicable use and expanded the possibilities of future projects. <\/p>\n\n\n\n<p>The rest of the input handling (rotation) was done with C# in the Unity game engine. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">So What?<\/h2>\n\n\n\n<p>The abstract environment is meant to further encourage a new language of communication between the users. I wanted the strange and haunting sounds and possessed monitors&#8217; chaotic carousel to be entirely phenomenological, having the users learn how to interact with one another in an entirely new realm with no convenient bias to hide their true intents when communicating and interacting with one another.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail-1024x514.png\" alt=\"\" class=\"wp-image-1879\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail-1024x514.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail-800x402.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail-768x386.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail-1536x772.png 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail-597x300.png 597w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail.png 1887w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Screenshot of the final piece at play<\/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=\"Digital Connection\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/JEAeh-CeIEs?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<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-1024x768.jpg\" alt=\"\" class=\"wp-image-1871\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-1024x768.jpg 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-800x600.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-768x576.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-1536x1152.jpg 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-2048x1536.jpg 2048w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final1-1-400x300.jpg 400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>All of the physical pieces of the final<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final2-576x1024.jpg\" alt=\"\" class=\"wp-image-1872\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final2-576x1024.jpg 576w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final2-450x800.jpg 450w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final2-169x300.jpg 169w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final2.jpg 750w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/a><figcaption>The Arduino, light sensor, and microphone pre-decor <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-scaled.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-768x1024.jpg\" alt=\"\" class=\"wp-image-1873\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-768x1024.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-600x800.jpg 600w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-1152x1536.jpg 1152w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-1536x2048.jpg 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-630x840.jpg 630w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-960x1280.jpg 960w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-225x300.jpg 225w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/final3-scaled.jpg 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><figcaption>Arduino breadboard setup<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Throughout the prototyping and ideation of my final project, I wanted the physical constraint of an Arduino-based input to heavily influence what the function would be. Because of this, I was not entirely sure what exactly the users would do, other than interact with an audiovisualizer-driven environment. How It&#8217;s Made Construction around a microphone for&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/davalev\/dylan-valev-final-project-digital-connection\/\">Read More<\/a><\/div>\n","protected":false},"author":184,"featured_media":1879,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-final-project"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/finalthumbnail.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1868","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\/184"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/comments?post=1868"}],"version-history":[{"count":2,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1868\/revisions"}],"predecessor-version":[{"id":1880,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1868\/revisions\/1880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media\/1879"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media?parent=1868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/categories?post=1868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/tags?post=1868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}