{"id":370,"date":"2022-04-18T01:52:39","date_gmt":"2022-04-18T01:52:39","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/?p=370"},"modified":"2022-04-19T21:22:55","modified_gmt":"2022-04-19T21:22:55","slug":"week-13","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/week-13\/","title":{"rendered":"Week 13"},"content":{"rendered":"\n<h2>Iteration &amp; Final Wrap Up<\/h2>\n\n\n\n<p><strong>1 Add animation as Visual Feedback and interactable Indication<\/strong><\/p>\n\n\n\n<p>According to feedback on the bacteria chapter, bacteria in the holes seems like obstacles for naive guests who didn&#8217;t pay a lot of attention to instructions. In order to show that the bacteria is actually <strong>insteractable<\/strong>, <strong>a breathe animation<\/strong> is added. <\/p>\n\n\n\n<p><strong>2 Responsible UI for different screen size<\/strong><\/p>\n\n\n\n<p>As an app, we have to make sure the <strong>User Interface<\/strong> is automatically resized according to different screen size. After finishing all of the main mechanics, I have time to solve this simple but also important problem. I used 2D Sprite Editor to create resizable UI objects on canvas.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img width=\"581\" height=\"1024\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/e298b7e3961a5719fb5cceecb29a429-1-581x1024.png\" alt=\"\" class=\"wp-image-466\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/e298b7e3961a5719fb5cceecb29a429-1-581x1024.png 581w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/e298b7e3961a5719fb5cceecb29a429-1-170x300.png 170w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/e298b7e3961a5719fb5cceecb29a429-1.png 686w\" sizes=\"(max-width: 581px) 100vw, 581px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\">1920 x 1080<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/a51d8d6cefd0ce468a850b91826320c-574x1024.png\" alt=\"\" class=\"wp-image-464\" width=\"211\" height=\"376\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/a51d8d6cefd0ce468a850b91826320c-574x1024.png 574w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/a51d8d6cefd0ce468a850b91826320c-168x300.png 168w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/a51d8d6cefd0ce468a850b91826320c.png 679w\" sizes=\"(max-width: 211px) 100vw, 211px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\">2560 x 1440<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/485d8cb3e51901d221ca38462b1dd27-497x1024.png\" alt=\"\" class=\"wp-image-463\" width=\"183\" height=\"376\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/485d8cb3e51901d221ca38462b1dd27-497x1024.png 497w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/485d8cb3e51901d221ca38462b1dd27-146x300.png 146w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/485d8cb3e51901d221ca38462b1dd27.png 587w\" sizes=\"(max-width: 183px) 100vw, 183px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center\">2960 x 1440<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>3 Build and Test for iOS<\/strong><\/p>\n\n\n\n<p>At the beginning of this project, we choose AR Foundation for development mainly because we can finally build and launch our product on both Android and iOS platforms. With the help of that, more people can have access to the experience we create. While, we used to build and test only on Android before, so it&#8217;s time for us to make sure iOS works.<\/p>\n\n\n\n<p>From <a rel=\"noreferrer noopener\" href=\"https:\/\/developers.google.com\/ar\/develop\/unity-arf\/getting-started-ar-foundation\" target=\"_blank\">AR Foundation Document<\/a>, you can get all the build and player setting information necessary for building on iOS. However, it didn&#8217;t mention that you should better <strong>build on Mac<\/strong> instead of using Windows, especially if your project used image tracking function.<\/p>\n\n\n\n<p><strong>Be cautious, with the same settings, you won&#8217;t get the right reference image library if you build for iOS on a windows computer and then run it on Xcode on a Mac.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-full\"><img width=\"512\" height=\"512\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/5969205.png\" alt=\"\" class=\"wp-image-474\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/5969205.png 512w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/5969205-300x300.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/5969205-150x150.png 150w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/5969205-125x125.png 125w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-full\"><img width=\"512\" height=\"512\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/xcode.png\" alt=\"\" class=\"wp-image-475\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/xcode.png 512w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/xcode-300x300.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/xcode-150x150.png 150w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/xcode-125x125.png 125w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-full\"><img width=\"512\" height=\"512\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/174836.png\" alt=\"\" class=\"wp-image-476\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/174836.png 512w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/174836-300x300.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/174836-150x150.png 150w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/174836-125x125.png 125w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-full\"><img width=\"512\" height=\"512\" src=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/iOS-Apple-icon.png\" alt=\"\" class=\"wp-image-477\" srcset=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/iOS-Apple-icon.png 512w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/iOS-Apple-icon-300x300.png 300w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/iOS-Apple-icon-150x150.png 150w, https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-content\/uploads\/2022\/04\/iOS-Apple-icon-125x125.png 125w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>So for people who are also developing projects for both Android and iOS, make sure you also have access to a Mac computer with Xcode and Unity of proper version.<\/p>\n\n\n\n<p>Except for reference images problem, the vibration feedback is also different on each platform. We learned that you should better test building more earlier and more often to find and solve all of these potantial problems ahead of time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Iteration &amp; Final Wrap Up 1 Add animation as Visual Feedback and interactable Indication According to feedback on the bacteria chapter, bacteria in the holes seems like obstacles for naive<span class=\"more-button\"><a href=\"https:\/\/projects.etc.cmu.edu\/blue-farmers\/week-13\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\">Week 13<\/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\/370"}],"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=370"}],"version-history":[{"count":11,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/370\/revisions"}],"predecessor-version":[{"id":478,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/posts\/370\/revisions\/478"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/categories?post=370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/blue-farmers\/wp-json\/wp\/v2\/tags?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}