{"id":157,"date":"2022-03-28T13:42:03","date_gmt":"2022-03-28T13:42:03","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/?p=157"},"modified":"2022-04-18T01:58:29","modified_gmt":"2022-04-18T01:58:29","slug":"week-10","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/week-10\/","title":{"rendered":"Week 10"},"content":{"rendered":"\n<h2>UX\/UI Design<\/h2>\n\n\n\n<p>After validating our rough design, we completed the whole design of our APP flow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"740\" height=\"557\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.23.02-AM.png\" alt=\"\" class=\"wp-image-161\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.23.02-AM.png 740w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.23.02-AM-300x226.png 300w\" sizes=\"(max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"926\" height=\"579\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.23.59-AM.png\" alt=\"\" class=\"wp-image-162\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.23.59-AM.png 926w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.23.59-AM-300x188.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.23.59-AM-768x480.png 768w\" sizes=\"(max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"915\" height=\"661\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.24.53-AM.png\" alt=\"\" class=\"wp-image-163\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.24.53-AM.png 915w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.24.53-AM-300x217.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.24.53-AM-768x555.png 768w\" sizes=\"(max-width: 915px) 100vw, 915px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"976\" height=\"384\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.25.18-AM.png\" alt=\"\" class=\"wp-image-164\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.25.18-AM.png 976w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.25.18-AM-300x118.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.25.18-AM-768x302.png 768w\" sizes=\"(max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<p>Beside the whole user flow, our design direction is:<\/p>\n\n\n\n<ol><li>Differentiate information according to its priority. User 2D to indicate the most important guidance, Use 3D(including animation, dialogue box) to deliver secondary information.<\/li><li>Leverage the physical space(AR) to provide an immersive experience. Maximize 3D models the contextual information.<\/li><li>Make the playing flow smooth.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"855\" height=\"547\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.41.45-AM.png\" alt=\"\" class=\"wp-image-165\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.41.45-AM.png 855w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.41.45-AM-300x192.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/Screen-Shot-2022-04-11-at-9.41.45-AM-768x491.png 768w\" sizes=\"(max-width: 855px) 100vw, 855px\" \/><\/figure>\n\n\n\n<h2>Tech<\/h2>\n\n\n\n<p>The first part of this week is add more details to the root chapter, which is also the last chapter in our final product. With the new root models with animation, we add more visual feedback during the whole process. Roots start with playing a slow animation and the <strong><u><strong>animation will speed up during absorbing nutrients.<\/strong><\/u><\/strong>&nbsp;A <strong><u><strong>radial indicator<\/strong><\/u><\/strong>&nbsp;will apperar when absorbing to indicate how long player needs to stay.<\/p>\n\n\n\n<p>What\u2019s more, we add <strong><u><strong>vibration feedback<\/strong><\/u><\/strong>&nbsp;while <strong>feeding fish<\/strong>, <strong>collecting bacteria<\/strong>, and <strong>being absorbed by the roots<\/strong>.<\/p>\n\n\n\n<p>Based on the UX Design we have last week, I also added the basic instruction demo into the onboarding part and fish tank chapter.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/1stChapter_03_25.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/2ndChapter_03_25.mp4\"><\/video><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/3rdChapter_03_25.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>UX\/UI Design After validating our rough design, we completed the whole design of our APP flow. Beside the whole user flow, our design direction is: Differentiate information according to its<span class=\"more-button\"><a href=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/week-10\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\">Week 10<\/span><\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/157"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/comments?post=157"}],"version-history":[{"count":5,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/157\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/157\/revisions\/374"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/media?parent=157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/categories?post=157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/tags?post=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}