{"id":1284,"date":"2021-09-20T09:45:00","date_gmt":"2021-09-20T13:45:00","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/?p=1284"},"modified":"2021-09-29T13:52:11","modified_gmt":"2021-09-29T17:52:11","slug":"interartive-touch-project-synesthesiahanwen-xu","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/hxu2\/interartive-touch-project-synesthesiahanwen-xu\/","title":{"rendered":"Interartive Touch Project &#8211; Synesthesia(Hanwen Xu)"},"content":{"rendered":"\n<p class=\"has-large-font-size\"><strong>Concept:<\/strong><\/p>\n\n\n\n<p>What I want to achieve through this installation is that I want to convey a feeling of synesthesia, that you can almost hear and see the taste of a drink. In fact, the whole idea of this piece came from one of my synesthesia experience. Due to COVID, I went back to my home country and stayed out of campus for a year and a half. And just when I had my first cup of DD Latte here, I felt the synesthetic deja vu. It was like a time travel back to pre-pandemic. Until then, I started to realize I almost forgot how much life was better back then. And I regret not cherishing those moments. So the drinks, each with a little flashback, is the museum of my under-appreciated memories.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Description: <\/strong><\/p>\n\n\n\n<p>The overall theme of this piece would be flashbacks triggered by the sense of drinking a particular type of drink. I have different containers with different types of drink set up. When I drink each one of them, animations of flashbacks related to that particular drink would pop up.<\/p>\n\n\n\n<p>In term of the logic behind the interaction, I used the idea of an old TV. In the idle state, when there is no memory flashback, the TV would display noise. And when I grab a container, kinda start remembering something, the sound of noise would first be replaced by the ambience sound of a certain flashback. And when I drink the liquid inside that container, the memory flashback would display on the TV screen. And after one memory being played, the TV would go back to the idle state.<\/p>\n\n\n\n<p>I made the human figure inside those animations in Maya. I also took some pictures or videos for the background. And I dragged everything in Premiere for some special effects and editing. Each clip I made the color scheme resemble to the main colors of their correspondent drink.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Interface:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Front-view.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"676\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Front-view.jpg\" alt=\"\" class=\"wp-image-1289\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Front-view.jpg 901w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Front-view-800x600.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Front-view-768x576.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/Front-view-400x300.jpg 400w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\" \/><\/a><\/figure>\n\n\n\n<p>This is the base of the whole interface, which would hold the liquid containers and hide the abomination of wires down below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/rare-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"676\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/rare-1.jpg\" alt=\"\" class=\"wp-image-1288\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/rare-1.jpg 901w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/rare-1-800x600.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/rare-1-768x576.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/rare-1-400x300.jpg 400w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\" \/><\/a><figcaption>A rare view. Only the ground wire and the usb wire would be visible<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image0-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"676\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image0-2.jpg\" alt=\"\" class=\"wp-image-1290\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image0-2.jpg 901w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image0-2-800x600.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image0-2-768x576.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image0-2-400x300.jpg 400w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\" \/><\/a><\/figure>\n\n\n\n<p>This is how it looks like after mounted the liquid containers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image1-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"676\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image1-1.jpg\" alt=\"\" class=\"wp-image-1291\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image1-1.jpg 901w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image1-1-800x600.jpg 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image1-1-768x576.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/09\/image1-1-400x300.jpg 400w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\" \/><\/a><figcaption>The wires down below.<\/figcaption><\/figure>\n\n\n\n<p class=\"has-large-font-size\"><strong>Demonstration:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo 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=\"MakeyFinal_2.mp4\" src=\"https:\/\/player.vimeo.com\/video\/609594689?h=5f53e46cbf&amp;dnt=1&amp;app_id=122963\" width=\"1000\" height=\"563\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Artist Question:<\/strong><\/p>\n\n\n\n<p>My artist question is: is the whole interactive part self-explainatory? Is the relationship between each drink and flashback clear?<\/p>\n\n\n\n<p class=\"has-large-font-size\"> <strong>Update:<\/strong> <\/p>\n\n\n\n<p>This is the final verson of my interactive touch project. There is no change on the input end, and I fixed some details on Max\/ the animations\/ the sound effects.<\/p>\n\n\n\n<p>What has changed:<\/p>\n\n\n\n<p>The old TV static screen dont go into freeze after 10 seconds now.<\/p>\n\n\n\n<p>There is a new intermediate screen (playing along with the sound effect) between the static screen and the actual animation, just to enhance the feedback when I touch each container.<\/p>\n\n\n\n<p>The running animation was remade.<\/p>\n\n\n\n<p>All three animations got their colors and filters adjusted.<\/p>\n\n\n\n<p>More sound effecets are added during the animations. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo 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=\"MakeyFinalTouch_1.mp4\" src=\"https:\/\/player.vimeo.com\/video\/612250673?h=75cbdadefc&amp;dnt=1&amp;app_id=122963\" width=\"1000\" height=\"563\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Concept: What I want to achieve through this installation is that I want to convey a feeling of synesthesia, that you can almost hear and see the taste of a drink. In fact, the whole idea of this piece came from one of my synesthesia experience. Due to COVID, I went back to my home&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/hxu2\/interartive-touch-project-synesthesiahanwen-xu\/\">Read More<\/a><\/div>\n","protected":false},"author":213,"featured_media":1293,"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-1284","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\/FeatureImage.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1284","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\/213"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/comments?post=1284"}],"version-history":[{"count":4,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1284\/revisions"}],"predecessor-version":[{"id":1418,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1284\/revisions\/1418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media\/1293"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media?parent=1284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/categories?post=1284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/tags?post=1284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}