{"id":444,"date":"2020-04-08T20:06:21","date_gmt":"2020-04-08T20:06:21","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/foresight\/?p=444"},"modified":"2020-04-08T20:06:21","modified_gmt":"2020-04-08T20:06:21","slug":"week-10-the-first-remote-week","status":"publish","type":"post","link":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/2020\/04\/08\/week-10-the-first-remote-week\/","title":{"rendered":"Week 10 &#8211; The First Remote Week"},"content":{"rendered":"\n<p class=\"has-large-font-size\"><strong>GOLD SPIKE<\/strong><\/p>\n\n\n\n<p>In the first week of working remotely, we set a gold spike to test if everything is working under the new situation. We picked a shot from the movie<em> Shawshank Redemption<\/em>, recreated and redesigned it with our systems.<\/p>\n\n\n\n<p>(Starts from 01:43)<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Shawshank Redemption - Rooftop Scene\" width=\"1599\" height=\"899\" src=\"https:\/\/www.youtube.com\/embed\/njJ41irPjTc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>The camera starts from a bird-view angle, cranes down to Andy, and then dollies to the cop.&nbsp; This is used to show how close to the edge of the roof Andy is and how far the drop is in itself. This is once again used to keep the viewer engaged in the action and helps them to notice the sheer magnitude of what one wrong word could mean for Andy. The dangerous situation for Andy and the tension between two character are essential for storytelling in this clip.<\/p>\n\n\n\n<p>The steps of gold spike:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Identify the key visual storytelling elements in the shot<\/li><li>Create assets based on the observation<\/li><li>Import the scene into unity<\/li><li>Record the performance of main characters in mo-cap system<\/li><li>Iterate on the scene layout and performance<\/li><li>Import the scene with animation into camera system<\/li><li>Shoot in the camera system<\/li><li>Iterate on the shot<\/li><\/ol>\n\n\n\n<p>The camera movement matching the original shot:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/match.gif\" alt=\"\" class=\"wp-image-461\" width=\"524\" height=\"293\"\/><\/figure><\/div>\n\n\n\n<p>The variations of the shot:<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"561\" src=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/1.gif\" alt=\"\" data-id=\"462\" data-full-url=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/1.gif\" data-link=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/?attachment_id=462\" class=\"wp-image-462\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"561\" src=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/2.gif\" alt=\"\" data-id=\"463\" data-full-url=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/2.gif\" data-link=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/?attachment_id=463\" class=\"wp-image-463\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"561\" src=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/3.gif\" alt=\"\" data-id=\"464\" data-full-url=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/3.gif\" data-link=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/?attachment_id=464\" class=\"wp-image-464\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"561\" src=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/4.gif\" alt=\"\" data-id=\"465\" data-full-url=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/4.gif\" data-link=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/?attachment_id=465\" class=\"wp-image-465\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>During the process, the iterations on shots proved to be valuable. We created a couple of different plans for the same conversation &#8211; to crane up instead of crane down, to crane from a different side or a different character, or to use a wider of closer composition. These shots provide opportunities to visually compare the pros and cons of different plans. Also, it helped build a foundation of our future remote creation of shots and make sure we can continue to creation of a full sequence under this situation.<\/p>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>UX DEVELOPMENT<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/www.etc.cmu.edu\/projects\/foresight\/wp-content\/uploads\/2020\/04\/user-experience-flow-0323-1024x491.jpg\" alt=\"\" class=\"wp-image-470\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/user-experience-flow-0323-1024x491.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/user-experience-flow-0323-300x144.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/user-experience-flow-0323-768x369.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/user-experience-flow-0323-1536x737.jpg 1536w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/user-experience-flow-0323-2048x983.jpg 2048w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/user-experience-flow-0323-602x289.jpg 602w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/www.etc.cmu.edu\/projects\/foresight\/wp-content\/uploads\/2020\/04\/\u8d44\u6e90-1wf-1-1024x715.png\" alt=\"\" class=\"wp-image-469\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/\u8d44\u6e90-1wf-1-1024x715.png 1024w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/\u8d44\u6e90-1wf-1-300x210.png 300w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/\u8d44\u6e90-1wf-1-768x536.png 768w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/\u8d44\u6e90-1wf-1-1536x1073.png 1536w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/\u8d44\u6e90-1wf-1-2048x1431.png 2048w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/\u8d44\u6e90-1wf-1-573x400.png 573w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Another main topic in this week is the user experience improvement of the camera system. We started to build a main menu and modified the interactions to a more friendly way. Also, to ensure our tool can mirror the way that the filmmaker works in traditional media, we decided to provide the freedom to choose from a set of common film lens in the industry, instead of using a slider to adjust focal length.<\/p>\n\n\n\n<p>Here is a video of our current prototype.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"ui prototype video week 10\" width=\"1599\" height=\"899\" src=\"https:\/\/www.youtube.com\/embed\/ubs4d0JWhDc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>For the next week, the team is going to implement visual design of the interface and program the new depth of view feature.<\/p>\n\n\n\n<p>\u3000<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>CHARACTER DEVELOPMENT<\/strong><\/p>\n\n\n\n<p>The team also made progress on the character we plan on using for our previz. The high poly version was finalized and Arnav started work on the retopologized version for use in VR before Varun and Shera work on making the model fit the variety of body types we plan on developing for the project.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.etc.cmu.edu\/projects\/foresight\/wp-content\/uploads\/2020\/04\/character-847x1024.png\" alt=\"\" class=\"wp-image-467\" width=\"460\" height=\"556\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/character-847x1024.png 847w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/character-248x300.png 248w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/character-768x928.png 768w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/character-331x400.png 331w, https:\/\/projects-old.etc.cmu.edu\/foresight\/wp-content\/uploads\/2020\/04\/character.png 930w\" sizes=\"(max-width: 460px) 100vw, 460px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>GOLD SPIKE In the first week of working remotely, we set a gold spike to test if everything is working under the new situation. We picked a shot from the movie Shawshank Redemption, recreated and &hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-444","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/posts\/444"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/comments?post=444"}],"version-history":[{"count":7,"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/posts\/444\/revisions"}],"predecessor-version":[{"id":471,"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/posts\/444\/revisions\/471"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/media?parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/categories?post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/foresight\/index.php\/wp-json\/wp\/v2\/tags?post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}