{"id":136,"date":"2022-02-21T02:55:32","date_gmt":"2022-02-21T02:55:32","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/hermes\/?p=136"},"modified":"2022-02-21T19:47:58","modified_gmt":"2022-02-21T19:47:58","slug":"week-5-more-detail-in-design-and-tech-demo","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/hermes\/week-5-more-detail-in-design-and-tech-demo\/","title":{"rendered":"Week 5 &#8211;                                             More detail in design and tech demo"},"content":{"rendered":"\n<p>This week, the team worked hard to prepare for our half presentation during Week 7.<\/p>\n\n\n\n<p>First, we finalized all the branding components including logo, poster, and half sheet.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img width=\"683\" height=\"1024\" src=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-1-683x1024.jpg\" alt=\"\" class=\"wp-image-141\" srcset=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-1-683x1024.jpg 683w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-1-200x300.jpg 200w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-1-768x1152.jpg 768w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-1-1024x1536.jpg 1024w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-1.jpg 1200w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><figcaption><strong>Figure<\/strong> 1: Hermes Poster<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img width=\"683\" height=\"1024\" src=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-2-683x1024.jpg\" alt=\"\" class=\"wp-image-142\" srcset=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-2-683x1024.jpg 683w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-2-200x300.jpg 200w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-2-768x1152.jpg 768w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-2-1024x1536.jpg 1024w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Hermes_halfsheet-2.jpg 1200w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><figcaption><strong>Figure 2<\/strong>: Hermes Half-sheet<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>We made a big breakthrough in the design perspective, which includes a detailed design on how the VR player should interact with the world and how the immersive room player can interact with the VR player.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/vr-player-topdown-1-1024x895.png\" alt=\"\" class=\"wp-image-143\" width=\"440\" height=\"384\" srcset=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/vr-player-topdown-1-1024x895.png 1024w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/vr-player-topdown-1-300x262.png 300w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/vr-player-topdown-1-768x671.png 768w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/vr-player-topdown-1.png 1376w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><figcaption><strong>Figure 3<\/strong> : VR player interaction design<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/immersive-room-view-2.png\" alt=\"\" class=\"wp-image-155\" width=\"442\" height=\"489\" srcset=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/immersive-room-view-2.png 880w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/immersive-room-view-2-271x300.png 271w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/immersive-room-view-2-768x850.png 768w\" sizes=\"(max-width: 442px) 100vw, 442px\" \/><figcaption><strong>Figure 4<\/strong>: Immersion Room interaction design<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>As shown in <strong>Figure 3<\/strong>, the VR player rows the boat on the Amazon river, and his goal is to record landmarks with a camera and communicate with Amazon indigenous tribes life. This information is then communicated to the research team (players in immersion room) to document and analyze. Players in the 3-wall immersion room will need to use the existing research to guide and instruct the VR player through the whole journey (as shown in <strong>Figure 4<\/strong>). Now with a more detailed design, team is able to more forward and move fast toward creating a playable tech demo by week 7.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"436\" src=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Camera_interface-1024x436.png\" alt=\"\" class=\"wp-image-147\"\/><figcaption><strong>Figure 5<\/strong>: VR player&#8217;s camera UI<\/figcaption><\/figure>\n\n\n\n<p>As previously mentioned, the VR player will use a camera to record landmarks.  Provideing a clear and instructive UI for the camera is crucial for the VR player&#8217;s guidance. The first UI design for the camera is shown in <strong>Figure 5<\/strong>. This design will be iterated and improved. <\/p>\n\n\n\n<p>Implementation of the aforementioned designs has begun with the programmers and artists. Our programmers have configured the HTC Vive controllers input to imitate rowing boat on river. Meanwhile, our tech artist has started working on building up the aesthetic of the scene. The scene shown in <strong>Figure 6<\/strong> was built with terrain editor, procedurally generated trees and physics-enabled river.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/IMG_8718-1-1.mov\"><\/video><figcaption>Basic implementation of rowing boat in VR<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"520\" src=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Environment_Screenshot-1024x520.png\" alt=\"\" class=\"wp-image-146\" srcset=\"https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Environment_Screenshot-1024x520.png 1024w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Environment_Screenshot-300x152.png 300w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Environment_Screenshot-768x390.png 768w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Environment_Screenshot-1536x781.png 1536w, https:\/\/projects.etc.cmu.edu\/hermes\/wp-content\/uploads\/2022\/02\/Environment_Screenshot-2048x1041.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><strong>Figure 6<\/strong>: Demonstration of virtual environment<\/figcaption><\/figure>\n\n\n\n<p>For next week, we are planning to:<\/p>\n\n\n\n<ol type=\"1\"><li>Keep iterating on the camera interface and interactions<\/li><li>Putting the VR rowing boat mechanism in the scene<\/li><li>Develop the camera recording mechanism and put real world imagery playing in camera<\/li><li>Develop interface on the immersive room side so that players can interact with the 3 walls and receive videos recorded from VR player side<\/li><li>Keep working on story<\/li><li>Putting everything together for the \u00bd presentation<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>This week, the team worked hard to prepare for our half presentation during Week 7. First, we finalized all the<\/p>\n<p><span class=\"more-link\"><a href=\"https:\/\/projects.etc.cmu.edu\/hermes\/week-5-more-detail-in-design-and-tech-demo\/\" class=\"readmore\">Continue reading<span class=\"screen-reader-text\">Week 5 &#8211;                                             More detail in design and tech demo<\/span><\/a><\/span><\/p>\n","protected":false},"author":4,"featured_media":158,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"gutentor_comment":0,"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/posts\/136"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":5,"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/posts\/136\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/posts\/136\/revisions\/172"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/media\/158"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/media?parent=136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/categories?post=136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/hermes\/wp-json\/wp\/v2\/tags?post=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}