{"id":34,"date":"2024-01-26T17:50:21","date_gmt":"2024-01-26T17:50:21","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/vial\/?p=34"},"modified":"2024-01-29T22:38:53","modified_gmt":"2024-01-29T22:38:53","slug":"week2","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/vial\/week2\/","title":{"rendered":"Week2"},"content":{"rendered":"\n<div class=\"wp-block-cover aligncenter\" style=\"min-height:430px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1707\" height=\"1280\" class=\"wp-block-cover__image-background wp-image-122\" alt=\"\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG189.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG189.jpg 1707w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG189-300x225.jpg 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG189-1024x768.jpg 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG189-768x576.jpg 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG189-1536x1152.jpg 1536w\" sizes=\"(max-width: 1707px) 100vw, 1707px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h2 class=\"wp-block-heading has-text-align-center is-style-default has-xxxx-large-font-size\">DESIGN AROUND TECH<\/h2>\n<\/div><\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p>With the scope and task list firmly in place, the team is poised to dive into production. It&#8217;s truly gratifying to witness each team member taking the initiative, actively engaging in their assigned tasks, and propelling the progress bar forward across various tasks.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><br>Kicking off with the narrative, our narrative designer has taken charge, refining and optimizing the storyline under the guidance of our instructors. Simultaneously, our sound designers are busy curating our sound library, sourcing sound effects and reference background music. They&#8217;re also experimenting with AI speech generators to test out narratives before involving our voice actors.<\/p>\n\n\n\n<p>Shifting gears to the environment, our talented environment artist is crafting the overall design using the references we&#8217;ve gathered, while other team members are strategically placing greyboxes as initial blockouts. Concurrently, our storyboarders are diligently working on creating storyboards that align seamlessly with the narrative and environment design.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-layout-1 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<figure class=\"wp-block-image size-large is-resized is-layout-flow wp-block-image-is-layout-flow\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0559-1-edited.png\" alt=\"\" class=\"wp-image-109\" style=\"width:783px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0559-1-edited.png 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0559-1-edited-300x300.png 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0559-1-edited-150x150.png 150w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0559-1-edited-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Storyboard Intro &#8211; First Iteration<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0562-1-edited.png\" alt=\"\" class=\"wp-image-108\" style=\"width:772px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0562-1-edited.png 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0562-1-edited-300x300.png 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0562-1-edited-150x150.png 150w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0562-1-edited-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Storyboard Ending &#8211; First Iteration<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-layout-2 wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"994\" height=\"745\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/17775662bba17fd63226031b0b03038e-2-edited.png\" alt=\"\" class=\"wp-image-104\" style=\"width:770px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/17775662bba17fd63226031b0b03038e-2-edited.png 994w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/17775662bba17fd63226031b0b03038e-2-edited-300x225.png 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/17775662bba17fd63226031b0b03038e-2-edited-768x576.png 768w\" sizes=\"(max-width: 994px) 100vw, 994px\" \/><figcaption class=\"wp-element-caption\">Environment Design &#8211; First Iteration<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1674\" height=\"1255\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG188-2-edited.jpg\" alt=\"\" class=\"wp-image-105\" style=\"width:768px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG188-2-edited.jpg 1674w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG188-2-edited-300x225.jpg 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG188-2-edited-1024x768.jpg 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG188-2-edited-768x576.jpg 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/WechatIMG188-2-edited-1536x1152.jpg 1536w\" sizes=\"(max-width: 1674px) 100vw, 1674px\" \/><figcaption class=\"wp-element-caption\">Environment Artist Working on Greybox Building<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Despite smooth progress according to the initial plan, a crucial aspect, brought to our attention by the instructor, had been overlooked throughout our efforts: the hardware for our final deliverable. Unlike traditional animation, our end product will be a 3D animation showcased in a Cavern, where viewers will experience a panoramic display with 3D stereo glasses. This means our approach to designing camera movements and environmental spaces must evolve from conventional methods.<\/p>\n\n\n\n<p><br>This shift has redirected our design approach, presenting both challenges and an exciting creative journey. It goes beyond animating; now, we&#8217;re crafting around the technology we&#8217;re utilizing, transforming it into an immersive storytelling experience. For instance, enhancing scene depth becomes crucial for an impactful effect with 3D stereo glasses. Given the panoramic screen ratio, we&#8217;re restricting horizontal camera movements and leveraging lighting dynamics to direct the audience&#8217;s focus horizontally.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"190\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0573-1024x190.png\" alt=\"\" class=\"wp-image-35\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0573-1024x190.png 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0573-300x56.png 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0573-768x142.png 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0573-1536x284.png 1536w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0573-2048x379.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"190\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0574-1024x190.png\" alt=\"\" class=\"wp-image-36\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0574-1024x190.png 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0574-300x56.png 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0574-768x142.png 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0574-1536x284.png 1536w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0574-2048x379.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"190\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0576-1024x190.png\" alt=\"\" class=\"wp-image-118\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0576-1024x190.png 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0576-300x56.png 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0576-768x142.png 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0576-1536x284.png 1536w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/IMG_0576-2048x379.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Storyboard &#8211; Second Iteration<\/figcaption><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"715\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Floor_Plan-1024x715.jpg\" alt=\"\" class=\"wp-image-126 size-full\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Floor_Plan-1024x715.jpg 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Floor_Plan-300x210.jpg 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Floor_Plan-768x536.jpg 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Floor_Plan-1536x1073.jpg 1536w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Floor_Plan-2048x1431.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-right\">In line with the updated design direction, the narrative designer worked closely with the storyboarder to create a fresh iteration. Simultaneously, the environment artist developed a revised floor plan along with updated concept art. These new iterations strictly adhered to the panoramic screen ratio for testing purposes, enabling us to skillfully compose assets within the environment and refine our approach to camera angles.<\/p>\n<\/div><\/div>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_1V2-1-1024x481.jpg\" alt=\"\" class=\"wp-image-45\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_1V2-1-1024x481.jpg 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_1V2-1-300x141.jpg 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_1V2-1-768x361.jpg 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_1V2-1-1536x721.jpg 1536w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_1V2-1-2048x962.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_2-1-1024x512.jpg\" alt=\"\" class=\"wp-image-144\" style=\"width:1024px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_2-1-1024x512.jpg 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_2-1-300x150.jpg 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_2-1-768x384.jpg 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Established_Shot_2-1.jpg 1409w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Environment Design<\/figcaption><\/figure>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"344\" src=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Asset_Scale-1024x344.jpg\" alt=\"\" class=\"wp-image-145\" srcset=\"https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Asset_Scale-1024x344.jpg 1024w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Asset_Scale-300x101.jpg 300w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Asset_Scale-768x258.jpg 768w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Asset_Scale-1536x516.jpg 1536w, https:\/\/projects.etc.cmu.edu\/vial\/wp-content\/uploads\/2024\/01\/Asset_Scale-2048x687.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The Scale Reference<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>With the scope and task list firmly in place, the team is poised to dive into production. It&#8217;s truly gratifying to witness each team member taking the initiative, actively&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/posts\/34"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":21,"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"predecessor-version":[{"id":146,"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/posts\/34\/revisions\/146"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/vial\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}