{"id":513,"date":"2024-03-12T19:32:38","date_gmt":"2024-03-12T19:32:38","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/?page_id=513"},"modified":"2024-03-15T18:00:15","modified_gmt":"2024-03-15T18:00:15","slug":"blog-week7","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/blog-week7\/","title":{"rendered":"Blog Week7"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"block-c4d1bbd1-3135-4373-9276-3b92e3a8cc9e\">Week 7: Feb 26, 2024 \u2013 Mar 1, 2024<\/h2>\n\n\n\n<ul id=\"block-25c593e7-c2c7-4549-becf-769b4e5b646d\">\n<li>Final stage User Flow, LBE Interaction, Finalize first stage game UI<\/li>\n\n\n\n<li>Half Presentation<\/li>\n\n\n\n<li>Playtest with middle school students<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"711\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-12-at-3.32.55\u202fPM-1024x711.png\" alt=\"\" class=\"wp-image-517\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-12-at-3.32.55\u202fPM-1024x711.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-12-at-3.32.55\u202fPM-300x208.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-12-at-3.32.55\u202fPM-768x533.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-12-at-3.32.55\u202fPM.png 1490w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>We have built the infrastructure of our experience, and was able to finish the first stage of our experience. We will be start to finalize our first stage and start to build our second stage and final stage for our experience after half.<\/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=\"ARMixtoryDemo\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/zXxq4H3KjTU?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>This is a demo video represents our current progress.<\/p>\n\n\n\n<p><strong>Design<\/strong>:<\/p>\n\n\n\n<p>For the user flow, we have finished the final stage storyboard. Our final stage will lead the players to the history of downfall of Pittsburgh Chinatown. By all the building disappeared and leave only the Chinatown Inn, which is the only building left in Chinatown, players start to be brought inside the Chinatown Inn restaurant as guest to get food.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"183\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-2.55.34\u202fPM-1024x183.png\" alt=\"\" class=\"wp-image-526\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-2.55.34\u202fPM-1024x183.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-2.55.34\u202fPM-300x53.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-2.55.34\u202fPM-768x137.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-2.55.34\u202fPM-1536x274.png 1536w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-2.55.34\u202fPM-2048x365.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We have finished our first stage UI design by adding more storytelling and context to the players. Besides giving them role at the beginning, we also make their role meaningful by giving them a sense of community and how they should support each other by collaborate to enhance the experience.<\/p>\n\n\n\n<p>Use the below link to play playable UI interactions.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.figma.com\/proto\/YpypfwPFTX3IO36V6cZzPj\/Game-UI?type=design&amp;node-id=275-103&amp;t=xJSgjWAVg41JAyDg-1&amp;scaling=min-zoom&amp;page-id=275%3A30&amp;starting-point-node-id=275%3A103\">https:\/\/www.figma.com\/proto\/YpypfwPFTX3IO36V6cZzPj\/Game-UI?type=design&amp;node-id=275-103&amp;t=xJSgjWAVg41JAyDg-1&amp;scaling=min-zoom&amp;page-id=275%3A30&amp;starting-point-node-id=275%3A103<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"659\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-4.07.07\u202fPM-1024x659.png\" alt=\"\" class=\"wp-image-542\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-4.07.07\u202fPM-1024x659.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-4.07.07\u202fPM-300x193.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-4.07.07\u202fPM-768x495.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-4.07.07\u202fPM.png 1202w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Location Based Element<\/strong><\/p>\n\n\n\n<p>As showed in the demo video, we have set up the room for our experience environment. We have designed the exact table in the real world to match the table in the ARENA scene. We set up the room with lights that after the players purchase the wood and paint in the first stage, this will trigger Raspberry Pi and Arduino to turn on the light. We will be adding sensors to play sound in the future as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"633\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/IMG_7195-1024x633.jpg\" alt=\"\" class=\"wp-image-540\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/IMG_7195-1024x633.jpg 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/IMG_7195-300x185.jpg 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/IMG_7195-768x475.jpg 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/IMG_7195.jpg 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Art<\/strong>:<\/p>\n\n\n\n<p>We started to draw out the transitioning 2D for Chinese immigrant that first come to the US.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.20.29\u202fPM-1024x576.png\" alt=\"\" class=\"wp-image-535\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.20.29\u202fPM-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.20.29\u202fPM-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.20.29\u202fPM-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.20.29\u202fPM.png 1344w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We modeled NPCs for the experience and the avatar head for the players to role play in ARENA.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.46\u202fPM-1024x519.png\" alt=\"\" class=\"wp-image-537\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.46\u202fPM-1024x519.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.46\u202fPM-300x152.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.46\u202fPM-768x389.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.46\u202fPM.png 1208w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"363\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.52\u202fPM-1024x363.png\" alt=\"\" class=\"wp-image-538\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.52\u202fPM-1024x363.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.52\u202fPM-300x106.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.52\u202fPM-768x272.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/03\/Screenshot-2024-03-13-at-3.25.52\u202fPM.png 1202w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Tech:<\/strong><\/p>\n\n\n\n<p>As shown in the Demo video, we have adjust Prototype Demo of the first stage 1890s, adjusting avatar, we have also fixed the AR problem.<\/p>\n\n\n\n<p>Before halves, we have some hands on for tech part for our project, and we have already build our infrastructure for our ARENA scene to achieve our goal. <\/p>\n\n\n\n<ul>\n<li>Python\n<ul>\n<li>Learn to use ARENA API<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Strength\n<ul>\n<li>Multi-platform<\/li>\n\n\n\n<li>Collaboration<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Limitation\n<ul>\n<li>Performance<\/li>\n\n\n\n<li>Current Feature Set<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Tech &#8211; Infrastructure<\/strong><\/p>\n\n\n\n<ul>\n<li>Screen Space UI<\/li>\n\n\n\n<li>Avatar<\/li>\n\n\n\n<li>Scene management<\/li>\n\n\n\n<li>NPC<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Art pipeline<\/li>\n\n\n\n<li>Location Based Entertainment<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Help ARENA build a better platform for future developers<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Week 7: Feb 26, 2024 \u2013 Mar 1, 2024 We have built the infrastructure of our experience, and was able to finish the first stage of our experience. We will be start to finalize our first stage and start to build our second stage and final stage for our experience after half. This is a [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/pages\/513"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/comments?post=513"}],"version-history":[{"count":25,"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/pages\/513\/revisions"}],"predecessor-version":[{"id":549,"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/pages\/513\/revisions\/549"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/media?parent=513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}