{"id":15,"date":"2010-12-28T18:33:03","date_gmt":"2010-12-28T18:33:03","guid":{"rendered":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/?p=15"},"modified":"2010-12-28T18:33:03","modified_gmt":"2010-12-28T18:33:03","slug":"design-approach","status":"publish","type":"post","link":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/?p=15","title":{"rendered":"Design Approach"},"content":{"rendered":"

So I decided to approach the project by thinking about the actual interaction flow and how the game would look, and then worry about all the behind the scenes stuff. Since I had a pretty good idea about how it would work in my mind, I turned my attention to figuring out what the UI of the online portion would look like and came up with a really rough sketch showing what I needed:<\/p>\n

\"\"<\/a>So basically I figured I’d need at a minimum:<\/p>\n

    \n
  1. A screen that displayed buttons for the different types of categories a player would land on<\/li>\n
  2. A screen that displayed the question as well as a timer<\/li>\n
  3. A screen that displayed the answer with some buttons for right answer and wrong answer<\/li>\n
  4. (not shown) A screen which showed the response to getting the question right or wrong, and gave instructions to the player how to move etc<\/li>\n<\/ol>\n

    After looking around at some CSS3 examples, I realized that I could combine screens 2 and 3 into a single page, and use the CSS3 CardFlip<\/a> effect to show\/hide the answers. I also realized that I need some kind of static splash screen as well as an info page explaining the rules of the game etc.<\/p>\n

    So all-in, there is a total of 4 separate pages and a splash screen. Up next: creating the framework for the HTML 5 pages.<\/p>\n","protected":false},"excerpt":{"rendered":"

    So I decided to approach the project by thinking about the actual interaction flow and how the game would look, and then worry about all the behind the scenes stuff. Since I had a pretty good idea about how it … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,4],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-design","category-gameplay"],"_links":{"self":[{"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":0,"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/15\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.yeschefgame.mkurtz.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}