{"id":4032,"date":"2015-12-03T03:12:11","date_gmt":"2015-12-03T03:12:11","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=4032"},"modified":"2020-01-29T22:20:34","modified_gmt":"2020-01-29T22:20:34","slug":"conference-project-post-mortem-find-your-mood","status":"publish","type":"post","link":"https:\/\/r6g.ad7.mwp.accessdomain.com\/?p=4032","title":{"rendered":"Interactive City: Find Your Mood"},"content":{"rendered":"<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4034\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.09.30-PM-300x300.png\" alt=\"Screen Shot 2015-12-02 at 9.09.30 PM\" width=\"503\" height=\"503\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.09.30-PM-300x300.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.09.30-PM-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.09.30-PM-1021x1024.png 1021w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.09.30-PM-624x625.png 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.09.30-PM.png 1388w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4033\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.08.40-PM-300x300.png\" alt=\"Screen Shot 2015-12-02 at 9.08.40 PM\" width=\"506\" height=\"506\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.08.40-PM-300x300.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.08.40-PM-150x150.png 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.08.40-PM-1024x1022.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.08.40-PM-624x623.png 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.08.40-PM.png 1398w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><span style=\"color: #808080;\"><em>Screenshot of just the background, no emotion displayed.\u00a0<\/em><\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;\">My final project is a mood guesser, entitled Find Your Mood. When you click on the screen it will guess your mood by asking if you feel a certain way. It will also display a color that\u2019s usually associated with the mood and a font that has a similar feeling to the mood. There are ten different moods programed into the interactive. For the background I used a sparkle picture that I found and edited in photoshop. It\u00a0also has green and purple blobs floating around, which I created in photoshop. I wanted this to be similar to a lava lamp. The circle in the center also slowly fluctuates between blue and purple. I did these things to the background to give a sort of magical feeling to the project.\u00a0<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/FullSizeRender-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4035\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/FullSizeRender-1-300x300.jpg\" alt=\"FullSizeRender-1\" width=\"499\" height=\"499\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender-1-300x300.jpg 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender-1-150x150.jpg 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender-1-624x624.jpg 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender-1.jpg 640w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/a> <a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/FullSizeRender.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4036\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/FullSizeRender-300x300.jpg\" alt=\"FullSizeRender\" width=\"500\" height=\"500\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender-300x300.jpg 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender-150x150.jpg 150w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender-624x623.jpg 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/FullSizeRender.jpg 640w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><span style=\"color: #808080;\"><em>Screenshot with an emotion displayed.<\/em><\/span><\/p>\n<p><span style=\"font-weight: 400;\">My inspiration for this project was pretty random, it just kind of popped into my head. I really enjoy playing with mood rings and seeing what it thinks my mood is, so that\u2019s why I thought this project would be fun. I also wanted something that was playful and that excitement came from visiting the Sony Museum. Since the interactions that I liked the most there were simple and playful.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This will create a magic circle because people want to share their experience and what the program guesses as their mood. Usually because it\u2019s super accurate or way off. If something is funny or surprising people usually look for someone to share that moment with and I think that will draw people in and make groups of people try it and watch together. In Homo Ludens by Huizinga it\u2019s said that magic circles are, \u201call are temporary worlds within the ordinary world, dedicated to the performance of an act apart.\u201d I wanted to create this magical and mysterious other world that exists for maybe, just a minute, in someone\u2019s ordinary world. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The code for my project was difficult at first but I eventually got the hang of it. I didn\u2019t really understand the concept of variables but now I use them for everything! They\u2019re so useful. I also found that by use variables I was more likely to experiment and be creative. Without variables it was such a hassle to go through and change every individual thing so I wouldn\u2019t mess around as much. After just using variables for everything I found it so much easier to get exactly what I wanted from the code.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.18-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4037\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.18-PM-300x149.png\" alt=\"Screen Shot 2015-12-02 at 9.33.18 PM\" width=\"503\" height=\"250\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.18-PM-300x149.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.18-PM-1024x510.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.18-PM-624x311.png 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.18-PM.png 1256w\" sizes=\"auto, (max-width: 503px) 100vw, 503px\" \/><\/a>\u00a0\u00a0<a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.41-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-4038\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.41-PM-300x89.png\" alt=\"Screen Shot 2015-12-02 at 9.33.41 PM\" width=\"512\" height=\"152\" srcset=\"https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.41-PM-300x89.png 300w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.41-PM-1024x305.png 1024w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.41-PM-624x186.png 624w, https:\/\/r6g.ad7.mwp.accessdomain.com\/wp-content\/uploads\/2015\/12\/Screen-Shot-2015-12-02-at-9.33.41-PM.png 1214w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><span style=\"color: #808080;\"><em>Screenshot of some of the code and variables\u00a0<\/em><i>being used.\u00a0<\/i><\/span><\/p>\n<p><span style=\"font-weight: 400;\">I\u2019m very happy with my project, it is pretty much what I had envisioned. I also feel that I learned a lot of code and really got to understand it. I know that I\u2019ll be able to use what I learned from this project in the future. The main thing that went wrong was that I originally had wanted the whole screen to change and have a scene showing things that made you feel like the emotion it was displaying, like a sunset and dolphins jumping for happy, but that ended up being too complicated.\u00a0<\/span><\/p>\n<p><strong><span style=\"font-weight: 400;\">By Kadie Roberts <\/span><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0Screenshot of just the background, no emotion displayed.\u00a0 My final project is a mood guesser, entitled Find Your Mood. When you click on the screen it will guess your mood by asking if you feel a certain way. It will&#8230;<\/p>\n","protected":false},"author":77,"featured_media":4034,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[168],"tags":[39,175,154,48,50,179,53],"class_list":["post-4032","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","tag-conference","tag-interactive-city","tag-post-mortem","wpcat-168-id"],"_links":{"self":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/4032","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=4032"}],"version-history":[{"count":3,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/4032\/revisions"}],"predecessor-version":[{"id":12985,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/posts\/4032\/revisions\/12985"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=\/wp\/v2\/media\/4034"}],"wp:attachment":[{"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/r6g.ad7.mwp.accessdomain.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}