{"id":4022,"date":"2015-12-02T20:02:52","date_gmt":"2015-12-02T20:02:52","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=4022"},"modified":"2020-01-29T22:21:41","modified_gmt":"2020-01-29T22:21:41","slug":"interactive-city-conference-project-post-mortem-rise-and-fall","status":"publish","type":"post","link":"https:\/\/astoryisnotatree.net\/?p=4022","title":{"rendered":"Interactive City: Rise and Fall"},"content":{"rendered":"<figure id=\"attachment_4023\" aria-describedby=\"caption-attachment-4023\" style=\"width: 636px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-8.52.48-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4023\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-8.52.48-AM-300x141.png\" alt=\"code while running\" width=\"636\" height=\"299\" \/><\/a><figcaption id=\"caption-attachment-4023\" class=\"wp-caption-text\">code while running<\/figcaption><\/figure>\n<p>My final conference code for this class is a shadow-wall.\u00a0 I created an interaction with the use of the webcam and the use of shadows.\u00a0 The way it works is that leaves fall from the top of the screen, and the user can interact with them by moving around.\u00a0 The shadow that is created by their movement is what controls the way the leaves fall.\u00a0 This is a electronic version of a typical way people play in leaves during the fall.<\/p>\n<p>I developed this project through observation of a few things.\u00a0 I was inspired by the season, fall, when I started thinking of conference ideas.\u00a0 I noticed how excited people of all ages were about the change of the season.\u00a0 I was walking to the library and was keenly aware of how the children at the ECC were playing with the fallen leaves.\u00a0 These observations of human behavior combined with our trip to the SONY museum inspired my project.<\/p>\n<p>When we went to the SONY museum, I was drawn the the final interactive, the shadow wall.\u00a0 I really enjoyed interacting with this work because my actions had a clear and direct affect on the beads falling from the top of the screen.\u00a0 I also noticed how accessible this interaction was with people of all ages.\u00a0 It seemed to keep a child\u2019s attention span as well as captivating the adults in the room.<\/p>\n<p>Originally, I had wanted to add more of a societal awareness aspect to my project but after rough sketches and brainstorming, I decided that it was going to take away from the intent of the interaction.\u00a0 I had wanted to have a cityscape gradually appear, minimizing the ability to interact with the falling leaves to show the way that the growing city can take away free play.\u00a0 In doing so, I realized that it would take away a sort of innocence that I had liked about the interaction at SONY.<\/p>\n<p>Once I had figured out what I wanted my conference project to be, I got to work.\u00a0 The code that I am using is an array.\u00a0 An array is a way to sort and recall information in an organized manner.\u00a0 Along with this, I opened another class in my code that was being reference continually by processing in order to run the code.\u00a0 I also had to work with motion code to get the leaves to fall down the screen.\u00a0 I had trouble getting rotation code into my project, because I was adding rotation after I had written the whole code and for some reason it was not making the individual leaves rotate the way I envisioned.\u00a0 Once I could not get the rotation the way I wanted, I worked to find a color palette and instead alter the color of the leaves to match the color palette. \u00a0I found a <a href=\"https:\/\/coolors.co\/app\/bcd8c1-d6dbb2-e3d985-e57a44-422040\">palette generator<\/a> on the internet that I used to find my palette.<\/p>\n<figure id=\"attachment_4029\" aria-describedby=\"caption-attachment-4029\" style=\"width: 578px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.50.44-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4029\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.50.44-PM-300x147.png\" alt=\"array\" width=\"578\" height=\"283\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.50.44-PM-300x147.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.50.44-PM-1024x502.png 1024w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.50.44-PM-624x305.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.50.44-PM.png 1350w\" sizes=\"auto, (max-width: 578px) 100vw, 578px\" \/><\/a><figcaption id=\"caption-attachment-4029\" class=\"wp-caption-text\">array<\/figcaption><\/figure>\n<figure id=\"attachment_4025\" aria-describedby=\"caption-attachment-4025\" style=\"width: 524px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.53-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4025\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.53-PM-300x103.png\" alt=\"different classes \" width=\"524\" height=\"180\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.53-PM-300x103.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.53-PM.png 616w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/a><figcaption id=\"caption-attachment-4025\" class=\"wp-caption-text\">different classes<\/figcaption><\/figure>\n<figure id=\"attachment_4024\" aria-describedby=\"caption-attachment-4024\" style=\"width: 523px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.19.35-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4024\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.19.35-PM-300x187.png\" alt=\"color palette\" width=\"523\" height=\"326\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.19.35-PM-300x187.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.19.35-PM-1024x640.png 1024w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.19.35-PM-624x390.png 624w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.19.35-PM.png 1280w\" sizes=\"auto, (max-width: 523px) 100vw, 523px\" \/><\/a><figcaption id=\"caption-attachment-4024\" class=\"wp-caption-text\">color palette<\/figcaption><\/figure>\n<figure id=\"attachment_4027\" aria-describedby=\"caption-attachment-4027\" style=\"width: 519px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.13.59-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4027\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.13.59-PM-300x199.png\" alt=\"changing the color of my leaves\" width=\"519\" height=\"344\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.13.59-PM-300x199.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.13.59-PM-624x415.png 624w\" sizes=\"auto, (max-width: 519px) 100vw, 519px\" \/><\/a><figcaption id=\"caption-attachment-4027\" class=\"wp-caption-text\">changing the color of my leaves<\/figcaption><\/figure>\n<figure id=\"attachment_4026\" aria-describedby=\"caption-attachment-4026\" style=\"width: 513px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.26.20-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4026\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.26.20-PM-300x153.png\" alt=\"changing the color of my leaves\" width=\"513\" height=\"262\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.26.20-PM-300x153.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.26.20-PM-1024x524.png 1024w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.26.20-PM-624x319.png 624w\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" \/><\/a><figcaption id=\"caption-attachment-4026\" class=\"wp-caption-text\">changing the color of my leaves<\/figcaption><\/figure>\n<p>Regarding Martijn deWaal\u2019s ideology, this shadow wall falls into the playground and magic circle school of thought.\u00a0 My interaction is accessible to a large demographic, it is a voluntary activity and is not rational; it\u2019s just there to play and interact with.<\/p>\n<p>Successful:<\/p>\n<ul>\n<li>Created a shadow wall<\/li>\n<li>Was able to have the leaves falling down<\/li>\n<li>Used photoshop to alter the colors of the leaves to fit into a color palette.<\/li>\n<\/ul>\n<p>Unsuccessful:<\/p>\n<ul>\n<li>Adding rotation<\/li>\n<li>Sensitivity of camera<\/li>\n<li>Unless all the leaves were at exact same level, they won&#8217;t restart to top of screen and code will stop running<\/li>\n<\/ul>\n<figure id=\"attachment_4028\" aria-describedby=\"caption-attachment-4028\" style=\"width: 544px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.03-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-4028\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.03-PM-300x244.png\" alt=\"issue with code\" width=\"544\" height=\"442\" srcset=\"https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.03-PM-300x244.png 300w, https:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-2.37.03-PM-624x508.png 624w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/a><figcaption id=\"caption-attachment-4028\" class=\"wp-caption-text\">issue with code<\/figcaption><\/figure>\n<p>Overall, I enjoyed working on this project and learned what I enjoy as an artist.\u00a0 I think that this particular project was challenging for me because it forced me to work in a medium that was not necessarily my first choice.\u00a0 I do not feel as successful with coding as I would like, and I struggle to continue working in mediums that challenge me.\u00a0 But I stuck with this and I am hoping to modify my shadow wall further to better my work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>My final conference code for this class is a shadow-wall.\u00a0 I created an interaction with the use of the webcam and the use of shadows.\u00a0 The way it works is that leaves fall from the top of the screen, and&#8230;<\/p>\n","protected":false},"author":76,"featured_media":4023,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[168],"tags":[39,175,154,179],"class_list":["post-4022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-interactive-city","tag-conference-project","tag-public-interactive","tag-conference-post-mortem","tag-interactive-city","wpcat-168-id"],"_links":{"self":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/4022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4022"}],"version-history":[{"count":3,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/4022\/revisions"}],"predecessor-version":[{"id":12986,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/4022\/revisions\/12986"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/4023"}],"wp:attachment":[{"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}