{"id":539,"date":"2017-03-10T14:15:53","date_gmt":"2017-03-10T14:15:53","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/intouch\/?p=539"},"modified":"2017-03-11T05:16:14","modified_gmt":"2017-03-11T05:16:14","slug":"week-8","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/2017\/03\/10\/week-8\/","title":{"rendered":"Week 8"},"content":{"rendered":"

As week eight came, and Jeremy back from GDC, we can start putting solid pieces of art and system into the game working.<\/p>\n

Iterating on UI layout<\/h1>\n

If it’s your everyday digital game, putting the UI somewhere over the screen is pretty easy. But in VR space nothing is the same.<\/p>\n

The information that needs to be displayed to the player are the following:<\/p>\n

    \n
  1. Action points<\/li>\n
  2. 4 Items<\/li>\n
  3. Gems and key<\/li>\n
  4. Who’s turn it is<\/li>\n
  5. Round counter<\/li>\n
  6. Other necessary instructions<\/li>\n<\/ol>\n

    Where in space do we put them? The designers put together an initial layout:<\/p>\n

    \"\"
    Initial UI layout drawn on a whiteboard.<\/figcaption><\/figure>\n

    In this case, there are three main parts of the interface:<\/p>\n

      \n
    1. “Hovering platform” in front: shows Action Points, items, and gems.<\/li>\n
    2. “Hourglass”: shows the round counter — after each round (4 turns) it’s going to turn upside down.<\/li>\n
    3. “Little Slave” to the right: Gives out instructions, serves as the tool for transporting items to the other player.<\/li>\n<\/ol>\n

      For the inventory that exhibits items, we have two designs for it. A) on a panel, and B) rotating around a staff.<\/p>\n

      After we put these into the game, it was easy to discover that the hourglass would be better on the top of the board, and items are better placed on a panel.<\/p>\n

      \"\"
      The second iteration of the layout.<\/figcaption><\/figure>\n

      The second iteration proved a lot. We found a clearer design for the Action Points panel\u00a0and the correct height for the panel to rise and tell you, \u00a0“this is your turn”.<\/p>\n

      \"\"
      Initial Design and positioning (right-handed)<\/figcaption><\/figure>\n
      \"\"
      Iterated Design and positioning (centered)<\/figcaption><\/figure>\n

      We invited naive playtesters and have them guess what these elements mean — and they worked pretty well.<\/p>\n

      Developing Inventory<\/h1>\n

      While the designers went on to put art assets into the game, the most important part of the game mechanics — item system, is online.<\/p>\n

      \"\"
      Move onto a tile with an item to get it.<\/figcaption><\/figure>\n

      Each item in the space has it’s own identity while the player only stores information about how many items one have. We believe this is the structure\u00a0that will suit our needs the best.<\/p>\n

      Bottom line<\/h1>\n

      The week is pretty productive, considering it only consists of four work days. Many assets are put into the game and a handful of problems are fixed through the pipeline. We can expect the game to look a lot more polished by the halves.<\/p>\n","protected":false},"excerpt":{"rendered":"

      As week eight came, and Jeremy back from GDC, we can start putting solid pieces of art and system into the game working. Iterating on UI layout If it’s your everyday digital game, putting the UI somewhere over the screen […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-539","post","type-post","status-publish","format-standard","hentry","category-uncategorized","clearfix"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/posts\/539"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/comments?post=539"}],"version-history":[{"count":1,"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/posts\/539\/revisions"}],"predecessor-version":[{"id":545,"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/posts\/539\/revisions\/545"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/media?parent=539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/categories?post=539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/intouch\/index.php\/wp-json\/wp\/v2\/tags?post=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}