{"id":410,"date":"2025-03-15T00:54:57","date_gmt":"2025-03-15T00:54:57","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/colleido\/?p=410"},"modified":"2025-04-10T23:57:12","modified_gmt":"2025-04-10T23:57:12","slug":"week8","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/colleido\/week8\/","title":{"rendered":"Week8"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>We created an animated outline shader to represent the nervousness of an introvert. When the heartbeat increases, the lines become erratic. The scaling effect will be added in video editing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1400\" src=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/AnimProject-Unreal-Editor-2025-03-14-20-48-14.gif\" alt=\"\" class=\"wp-image-413\"\/><\/figure>\n\n\n\n<p>We developed an offset shader to add a light blue and red offset effect to the environment background edges.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/image-1024x482.png\" alt=\"\" class=\"wp-image-411\" style=\"width:1336px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/image-1024x482.png 1024w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/image-300x141.png 300w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/image-768x362.png 768w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/image-1536x724.png 1536w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/image-2048x965.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We added more assets to the environment!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"615\" src=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-work-in-progress2-1024x615.jpg\" alt=\"\" class=\"wp-image-630\" style=\"width:1299px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-work-in-progress2-1024x615.jpg 1024w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-work-in-progress2-300x180.jpg 300w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-work-in-progress2-768x461.jpg 768w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-work-in-progress2-1536x923.jpg 1536w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-work-in-progress2.jpg 1705w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"680\" src=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-image-20250302194312-1024x680.jpg\" alt=\"\" class=\"wp-image-631\" style=\"width:1299px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-image-20250302194312-1024x680.jpg 1024w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-image-20250302194312-300x199.jpg 300w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-image-20250302194312-768x510.jpg 768w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-image-20250302194312-1536x1019.jpg 1536w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/xinyu-ai-charlotte-image-20250302194312.jpg 1638w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We did experiments with the real set and the camera to help refine the current cinematography. We also updated the storyboard using the captured shots. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/storyboard-version-2-1024x518.png\" alt=\"\" class=\"wp-image-419\" style=\"width:1340px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/storyboard-version-2-1024x518.png 1024w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/storyboard-version-2-300x152.png 300w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/storyboard-version-2-768x389.png 768w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/storyboard-version-2-1536x777.png 1536w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/storyboard-version-2-2048x1037.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We created demo animatics using the captured shots in Adobe Premiere Pro as a reference for cinematography. <\/p>\n\n\n\n<p>We rendered out the international, ADHD, and introvert students&#8217; animation for time code alignment. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/international-perspective-1024x578.png\" alt=\"\" class=\"wp-image-420\" style=\"width:1336px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/international-perspective-1024x578.png 1024w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/international-perspective-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/international-perspective-768x433.png 768w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/international-perspective-1536x866.png 1536w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/international-perspective-2048x1155.png 2048w\" sizes=\"auto, (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=\"578\" src=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/animation-alignment-1024x578.png\" alt=\"\" class=\"wp-image-421\" style=\"width:1336px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/animation-alignment-1024x578.png 1024w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/animation-alignment-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/animation-alignment-768x433.png 768w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/animation-alignment-1536x866.png 1536w, https:\/\/projects.etc.cmu.edu\/colleido\/wp-content\/uploads\/2025\/03\/animation-alignment-2048x1155.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We created an animated outline shader to represent the nervousness of an introvert. When the heartbeat increases, the lines become erratic. The scaling effect will be added in video editing. We developed an offset shader to add a light blue and red offset effect to the environment background edges. We added more assets to the [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":421,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/posts\/410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/comments?post=410"}],"version-history":[{"count":4,"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/posts\/410\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/posts\/410\/revisions\/632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/media\/421"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/media?parent=410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/categories?post=410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/colleido\/wp-json\/wp\/v2\/tags?post=410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}