{"id":4081,"date":"2015-12-15T00:00:38","date_gmt":"2015-12-15T00:00:38","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=4081"},"modified":"2020-01-29T22:17:01","modified_gmt":"2020-01-29T22:17:01","slug":"4081","status":"publish","type":"post","link":"https:\/\/r6g.ad7.mwp.accessdomain.com\/?p=4081","title":{"rendered":"Interactive City: Draw Your Moves"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4086\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.57.43-PM-300x298.png\" alt=\"Screen Shot 2015-12-14 at 6.57.43 PM\" width=\"500\" height=\"497\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.57.43-PM-300x298.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.57.43-PM-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.57.43-PM-1024x1018.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.57.43-PM-624x620.png 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.57.43-PM.png 1450w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>\u00a0 \u00a0\u00a0<a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.56.17-PM1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4085\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.56.17-PM1-300x300.png\" alt=\"Screen Shot 2015-12-14 at 6.56.17 PM\" width=\"500\" height=\"500\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.56.17-PM1-300x300.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.56.17-PM1-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.56.17-PM1-1024x1021.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.56.17-PM1.png 1440w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">My second project is basically digital finger painting, so I decided to title it &#8220;Finger Painting.&#8221; Using motion code, you can move your hand in front of the camera. By clicking with the mouse you can change colors and by clicking a key you can clear the screen to start over. The lines on the side also change color so it\u2019s more clear what color you\u2019re using and they add some extra fun and color to the project. When you move you draw with two circles. One smaller circle sits inside the bigger one. They are set to random transparency to make the drawing look a little more interesting.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">My inspiration came from one of our in class assignments with motion track code. My project evolved from the class assignment, I changed a lot but some ideas stayed the same. I kept the same background color the same and the idea of the two circles. \u00a0<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.29-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4087\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.29-PM-300x300.png\" alt=\"Screen Shot 2015-12-11 at 7.32.29 PM\" width=\"501\" height=\"501\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.29-PM-300x300.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.29-PM-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.29-PM-1024x1022.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.29-PM-624x623.png 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.29-PM.png 1438w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/a>\u00a0 \u00a0 \u00a0<a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.51-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4088\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.51-PM-298x300.png\" alt=\"Screen Shot 2015-12-11 at 7.32.51 PM\" width=\"500\" height=\"503\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.51-PM-298x300.png 298w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.51-PM-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.51-PM-1018x1024.png 1018w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.51-PM-624x627.png 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-11-at-7.32.51-PM.png 1428w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">I think this project will create a magic circle because other people will want to gather around and see what someone paints. I also think people may want to try multiple movements and ee how they work together.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I used a lot of coding skills that I learned from my conference project. I used the random number code to pick whether the paint color would be in the red, green or blue family. I also used a lot of variables again to inspire more creativity.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.53.04-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4089\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.53.04-PM-300x158.png\" alt=\"Screen Shot 2015-12-14 at 6.53.04 PM\" width=\"547\" height=\"288\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.53.04-PM-300x158.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-14-at-6.53.04-PM-624x330.png 624w\" sizes=\"auto, (max-width: 547px) 100vw, 547px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Overall, I am very happy with this project. I have a lot of fun using it and I hope other people will too. <\/span><\/p>\n<p>Kadie Roberts<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0\u00a0 My second project is basically digital finger painting, so I decided to title it &#8220;Finger Painting.&#8221; Using motion code, you can move your hand in front of the camera. By clicking with the mouse you can change colors&#8230;<\/p>\n","protected":false},"author":77,"featured_media":4086,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[168],"tags":[188,175,48,179,53,201,204],"class_list":["post-4081","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-interactive-city","tag-project-2","tag-public-interactive","tag-interactive","tag-interactive-city","tag-post-mortem","tag-project-2-post-mortem","tag-project2","wpcat-168-id"],"_links":{"self":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/4081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4081"}],"version-history":[{"count":6,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/4081\/revisions"}],"predecessor-version":[{"id":12982,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/4081\/revisions\/12982"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/media\/4086"}],"wp:attachment":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}