{"id":6280,"date":"2020-10-04T13:04:31","date_gmt":"2020-10-04T17:04:31","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=6280"},"modified":"2020-11-13T03:23:16","modified_gmt":"2020-11-13T08:23:16","slug":"mokka-soli-sketches","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/mjchangandrew-cmu-edu\/10\/04\/mokka-soli-sketches\/","title":{"rendered":"mokka &#8211; Soli Sketches"},"content":{"rendered":"<p>&nbsp;<\/p>\n<ol>\n<li><strong>Clothing Rack Simulator\/Shirt Memory Lane: <\/strong>The user will able to swipe right and left to simulate them going through clothes in a closet. It is a mundane action but a common one. On the bottom right corner, I initially wanted to have a space on the page where the user can see what they selected(by tapping). Then I thought of another idea where I wanted it to show either a ridiculously, deep description of that particular clothing\u00a0 OR share stories, memories, and where it came from(this last part I like the most).<img loading=\"lazy\" class=\"wp-image-6283 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-scaled.jpg\" alt=\"\" width=\"326\" height=\"452\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-scaled.jpg 1844w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-346x480.jpg 346w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-737x1024.jpg 737w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-768x1066.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-1106x1536.jpg 1106w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-1475x2048.jpg 1475w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2795-1200x1666.jpg 1200w\" sizes=\"(max-width: 326px) 85vw, 326px\" \/><\/li>\n<li><strong>Wack-a-Mole:\u00a0<\/strong>Might be pretty self-explanatory but I wanted the tap movement to be able to emulate this idea of &#8220;wacking&#8221; the mole. Or, perhaps I may use this concept of wack-a-mole but metaphorize it into something else. Like maybe wack a cockroach\/bug. <img loading=\"lazy\" class=\" wp-image-6284 aligncenter\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2796-scaled.jpg\" alt=\"\" width=\"305\" height=\"407\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2796-scaled.jpg 1920w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2796-360x480.jpg 360w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2796-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2796-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2796-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/IMG_2796-1200x1600.jpg 1200w\" sizes=\"(max-width: 305px) 85vw, 305px\" \/><\/li>\n<li><strong>Yes or No Trivia!<\/strong>: Now this may be too much of a stretch but I would still like to share. For this idea, users are able to answer random trivia questions via just swiping left for &#8220;No&#8221; and right for &#8220;Yes&#8221;.\u00a0 So, for the question in the sketch below, the user should correctly swipe left(No, an apple is not an orange) and receive a number of points(not sure how I should do that yet). Should they swipe right(Yes, an apple is an orange) then they will lose that round of trivia. Once a user gets a question wrong, they are sent to a page which(maybe) shows a high-score board of all the players that have played and the option to retry and redeem themselves to beat their previously high score. I am not even sure how to implement this.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Clothing Rack Simulator\/Shirt Memory Lane: The user will able to swipe right and left to simulate them going through clothes in a closet. It is a mundane action but a common one. On the bottom right corner, I initially wanted to have a space on the page where the user can see what they &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/mjchangandrew-cmu-edu\/10\/04\/mokka-soli-sketches\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;mokka &#8211; Soli Sketches&#8221;<\/span><\/a><\/p>\n","protected":false},"author":54,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[56],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6280"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=6280"}],"version-history":[{"count":4,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6280\/revisions"}],"predecessor-version":[{"id":6286,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6280\/revisions\/6286"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=6280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=6280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=6280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}