{"id":547,"date":"2022-04-09T06:01:32","date_gmt":"2022-04-09T06:01:32","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/susdev\/?p=547"},"modified":"2022-04-16T05:30:32","modified_gmt":"2022-04-16T05:30:32","slug":"week-11-polish-and-iteration","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/susdev\/week-11-polish-and-iteration\/","title":{"rendered":"Week 11 Polish and Iteration"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p>Based on the problems and solutions we learned from the Playtest, we made changes to the game from UI, sound, and Programming aspects<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Problem 1: We need to integrate the SDGs into the gameplay more completely than before.<\/strong><\/p>\n\n\n\n<p class=\"has-large-font-size\">Solution(UI): <\/p>\n\n\n\n<ul><li>We will show the score system of collecting the SDGs on the end page. Through playing the policy cards, players can see the related goals with the card they want to play. By adding the score system, players can pay more attention to the SDGs. Since we will have a score system to catch players\u2019 attention, there will be a new version of the end page with a final score indicating how many SDGs players had collected during the game.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"577\" src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-1024x577.png\" alt=\"\" class=\"wp-image-548\" srcset=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-1024x577.png 1024w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-768x433.png 768w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-1536x866.png 1536w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-2048x1154.png 2048w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-900x507.png 900w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/endingpage-51-500x282.png 500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul><li>Players can see the description of a specific goal by hovering on the SDGs which on the top the screen.<\/li><\/ul>\n\n\n\n<ul><li>Add an about page to briefly introduce the SDGs. For the \u201cABOUT\u201d button in the start menu, we design a brief introduction for the SDGs.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"749\" src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-1024x749.png\" alt=\"\" class=\"wp-image-549\" srcset=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-1024x749.png 1024w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-300x219.png 300w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-768x562.png 768w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-1536x1123.png 1536w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-2048x1497.png 2048w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-900x658.png 900w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/about-60-500x366.png 500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong> Problem 2: They want to get more feedback after they place any policy cards.<\/strong><\/p>\n\n\n\n<p class=\"has-large-font-size\"> Solution(UI and programmer): <\/p>\n\n\n\n<ul><li>The city and the elements inside the city will change the appearance when the indexes increase or decrease. <\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-scaled.jpg\" alt=\"\" class=\"wp-image-550\" width=\"988\" height=\"581\" srcset=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-scaled.jpg 2560w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-300x176.jpg 300w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-1024x602.jpg 1024w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-768x452.jpg 768w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-1536x904.jpg 1536w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-2048x1205.jpg 2048w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-900x529.jpg 900w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/Surface-Pro-8-1-1-500x294.jpg 500w\" sizes=\"(max-width: 988px) 100vw, 988px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/process-1.mp4\"><\/video><\/figure>\n\n\n\n<ul><li>Add instruction WASD icon, scroll mouse icon. This is to give players and instruction that they can change the camera view.<\/li><\/ul>\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-full is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-65.png\" alt=\"\" class=\"wp-image-551\" width=\"172\" height=\"249\" srcset=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-65.png 416w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-65-206x300.png 206w\" sizes=\"(max-width: 172px) 100vw, 172px\" \/><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-64.png\" alt=\"\" class=\"wp-image-552\" width=\"272\" height=\"172\" srcset=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-64.png 969w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-64-300x191.png 300w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-64-768x488.png 768w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-64-900x572.png 900w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/icons-64-500x318.png 500w\" sizes=\"(max-width: 272px) 100vw, 272px\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-large-font-size\"> <strong>Problem 3: Most of the testers are losing focus when there are too many words and information in the game.<\/strong><\/p>\n\n\n\n<p class=\"has-large-font-size\"> Solution(UI):  <\/p>\n\n\n\n<ul><li>Add dynamic UI and simplify the tutorial and replace the word with a visual component.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-1024x580.png\" alt=\"\" class=\"wp-image-553\" width=\"1024\" height=\"580\" srcset=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-1024x580.png 1024w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-300x170.png 300w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-768x435.png 768w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-1536x871.png 1536w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-2048x1161.png 2048w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-900x510.png 900w, https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-18-500x283.png 500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/susdev\/wp-content\/uploads\/2022\/04\/tutorial-ui.mov\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Based on the problems and solutions we learned from the Playtest, we made changes to the game from UI, sound, and Programming [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":569,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/posts\/547"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/comments?post=547"}],"version-history":[{"count":3,"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/posts\/547\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/posts\/547\/revisions\/570"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/media\/569"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/media?parent=547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/categories?post=547"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/susdev\/wp-json\/wp\/v2\/tags?post=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}