{"id":666,"date":"2023-04-10T20:13:51","date_gmt":"2023-04-10T20:13:51","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/bridging-time\/?p=666"},"modified":"2023-04-24T17:54:07","modified_gmt":"2023-04-24T17:54:07","slug":"week-11","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/bridging-time\/week-11\/","title":{"rendered":"Week 11"},"content":{"rendered":"\n<p class=\"has-cyan-bluish-gray-color has-text-color wp-block-paragraph\">Apr 3 \u2013 Apr 7<br>Written by: Qiwen Lei<br>Posted by: Qiwen Lei<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This week Bridging Time team has been working on functions and visuals to improve the experience of Bridging Time AR.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tech Progress<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alyssa programmed the selfie functions and UI, enabling users to take photos with the 3 models (barge, train, and factory) and save them to local storage with the app&#8217;s logo. The selfie scene offers Scale, Move, and Rotate functions, with one finger for rotation, 2 fingers pinch for scaling, and 2 fingers slide for moving. Alyssa also added tutorials accessible by clicking on the question mark icon.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Bridging Time AR Selfie Video Demo (v1)\" width=\"950\" height=\"534\" src=\"https:\/\/www.youtube.com\/embed\/yGSkQrjURvA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Jennifer added an assets gallery and scrolling-gallery to the main branch, accessible from the start page. It includes photos, videos, and 3D models. Users can click on each item to enlarge it and view the information, with a link to be added to the ending page in the future.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-zoooom\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-136-1-1024x492.jpg\" alt=\"\" class=\"wp-image-670\" srcset=\"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-136-1-1024x492.jpg 1024w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-136-1-300x144.jpg 300w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-136-1-768x369.jpg 768w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-136-1-1536x738.jpg 1536w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-136-1.jpg 1939w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>UIUX Progress<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Qiwen focused on the UI\/UX design of the Assets Gallery page and refined the homepage&#8217;s interface design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Yifan finished three photo\/3D videos and added sound effects for these sites. She also designed the UI of the selfie function, including detailed icons for the three models and illustrating hand gesture tutorial guides for users to scale, move, and rotate the models. She collaborated with the programmers to ensure correct placement and size of UI components and recorded and edited a video of testing the AR selfie function.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ivy worked on the UI design of the functions before\/after the main experience, mainly on the gallery page, and helped with the start and selfie pages. She also ensured the accuracy of photo resource information and sources in the app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-zoooom\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-142-1024x612.jpg\" alt=\"\" class=\"wp-image-672\" srcset=\"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-142-1024x612.jpg 1024w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-142-300x179.jpg 300w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-142-768x459.jpg 768w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-142-1536x918.jpg 1536w, https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-content\/uploads\/2023\/04\/Group-142.jpg 1766w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Art Progress<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Steve created a second draft of the train animation, adding the shadow of the train to the environment in the photo, fixing compositing issues, and slowing down the animation. He also found a solution for compositing the smog effect and will add film grain to make the animation fit better into the photo.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Bridging Time Embedded Video 2 (v2)\" width=\"950\" height=\"713\" src=\"https:\/\/www.youtube.com\/embed\/9YuDZ_xH1rI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Production Progress<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Qiwen revised the project website based on Michael Lee&#8217;s feedback, sending him a detailed email outlining all the changes made.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Apr 3 \u2013 Apr 7Written by: Qiwen LeiPosted by: Qiwen Lei This week Bridging Time team has been working on functions and visuals to improve the experience of Bridging Time AR. Tech Progress Alyssa programmed the selfie functions and UI, enabling users to take photos with the 3 models (barge, train, and factory) and save &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/projects.etc.cmu.edu\/bridging-time\/week-11\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> &#8220;Week 11&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-666","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/posts\/666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/comments?post=666"}],"version-history":[{"count":9,"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/posts\/666\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/posts\/666\/revisions\/809"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/media?parent=666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/categories?post=666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/bridging-time\/wp-json\/wp\/v2\/tags?post=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}