{"id":740,"date":"2022-03-18T09:00:00","date_gmt":"2022-03-18T09:00:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/?p=740"},"modified":"2022-04-22T17:26:00","modified_gmt":"2022-04-22T17:26:00","slug":"week-8-blog","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/week-8-blog\/","title":{"rendered":"Week 8 \u2013 March 18, 2022"},"content":{"rendered":"\n<h1>Week 8 \u2013 March 18, 2022<\/h1>\n\n\n\n<h3>UI Updates<\/h3>\n\n\n\n<p>After playtesting with ETCers, we made several UI changes and made the final decision on the UI Flow. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"409\" src=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420184723-1024x409.png\" alt=\"\" class=\"wp-image-830\" srcset=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420184723-1024x409.png 1024w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420184723-300x120.png 300w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420184723-768x307.png 768w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420184723.png 1279w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption> UI Flow <\/figcaption><\/figure>\n\n\n\n<p>For example, after the playtest, we turned the valve upside down. We moved the equation upper and make the font larger to emphasize it. We also made the Run button grey in the tutorial part.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"572\" src=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220417210231-1024x572.png\" alt=\"\" class=\"wp-image-826\" srcset=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220417210231-1024x572.png 1024w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220417210231-300x168.png 300w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220417210231-768x429.png 768w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220417210231.png 1056w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Before<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"573\" src=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220410214115-1024x573.png\" alt=\"\" class=\"wp-image-787\" srcset=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220410214115-1024x573.png 1024w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220410214115-300x168.png 300w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220410214115-768x430.png 768w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/\u5fae\u4fe1\u622a\u56fe_20220410214115.png 1213w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>After<\/figcaption><\/figure>\n\n\n\n<p>In the playtest, one of the feedback is that the GO and STOP sign felt like clickable to the players. So we changed the sign into a new page to inform players about the movement of the car.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"1023\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420185429.png\" alt=\"\" class=\"wp-image-841\" srcset=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420185429.png 1023w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420185429-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420185429-768x432.png 768w\" sizes=\"(max-width: 1023px) 100vw, 1023px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"980\" height=\"557\" src=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420190323.png\" alt=\"\" class=\"wp-image-842\" srcset=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420190323.png 980w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420190323-300x171.png 300w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220420190323-768x437.png 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<h3><strong>Tech Update<\/strong><\/h3>\n\n\n\n<p><strong>Bug fixes:<\/strong><\/p>\n\n\n\n<ul><li>Fixed liquid particle colors problems<\/li><li>Add collider to valve and add brake before mixing<\/li><li>Only after clicking run the indicator will appear<\/li><\/ul>\n\n\n\n<p><strong>To-do:<\/strong><\/p>\n\n\n\n<ol><li>Updating UI arrangements according to wireframe (Chenguang)<\/li><li>Mixing effect for red particles and green particles (Rohit, Abhi)<\/li><li>Tying a new visual effect of liquid, updating project to URP (Rohit, Chenguang)<\/li><\/ol>\n\n\n\n<h3><strong>Plans<\/strong><\/h3>\n\n\n\n<p><strong>This week (Week 8):<\/strong><\/p>\n\n\n\n<ul><li>Finish Intro, Level 0, Level 1<\/li><li>Finish Level 2 Design&nbsp;<\/li><\/ul>\n\n\n\n<p><strong>Next week (Week 9):<\/strong><\/p>\n\n\n\n<ul><li>Playtest Level 0, 1 with AIPI students<\/li><li>Level 2 Development<\/li><\/ul>\n\n\n\n<p><strong>Week 10:<\/strong><\/p>\n\n\n\n<ul><li>Beautify UI&nbsp;<\/li><li>ETC Playtest Day<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"765\" src=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112118-1024x765.png\" alt=\"\" class=\"wp-image-845\" srcset=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112118-1024x765.png 1024w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112118-300x224.png 300w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112118-768x574.png 768w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112118-1536x1148.png 1536w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112118.png 1635w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"816\" src=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112126-1024x816.png\" alt=\"\" class=\"wp-image-846\" srcset=\"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112126-1024x816.png 1024w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112126-300x239.png 300w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112126-768x612.png 768w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112126-1536x1224.png 1536w, https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-content\/uploads\/2022\/04\/WeChat-Screenshot_20220421112126.png 1558w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Week 8 \u2013 March 18, 2022 UI Updates After playtesting with ETCers, we made several UI changes and made the final decision on the UI Flow. For example, after the playtest, we turned the valve upside down. We moved the equation upper and make the font larger to emphasize it. We also made the Run [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":789,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/posts\/740"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/comments?post=740"}],"version-history":[{"count":9,"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/posts\/740\/revisions"}],"predecessor-version":[{"id":908,"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/posts\/740\/revisions\/908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/media\/789"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/media?parent=740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/categories?post=740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/train-and-gain\/wp-json\/wp\/v2\/tags?post=740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}