{"id":228,"date":"2024-02-14T22:58:10","date_gmt":"2024-02-14T22:58:10","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/?page_id=228"},"modified":"2024-02-27T16:42:50","modified_gmt":"2024-02-27T16:42:50","slug":"blog-week-5","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/blog-week-5\/","title":{"rendered":"Blog week5"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Week 5: Feb 12, 2024 \u2013 Feb 16, 2024<\/h2>\n\n\n\n<ul>\n<li>Meet with Shirley Yee, Heinz Museum, and Lena (director of the Last Mayor)<\/li>\n\n\n\n<li>Fourth client meeting<\/li>\n\n\n\n<li>Finalized User Flow, Persona, Interaction, game UI<\/li>\n\n\n\n<li>First stage full-run tech prototype<\/li>\n\n\n\n<li>Sound<\/li>\n<\/ul>\n\n\n\n<p><strong>Design Direction:<\/strong><\/p>\n\n\n\n<p>This week we finalized our user flow. We have met with Shirley Yee for more accurate information on our storylines. We have designed for three mini games that focuses mainly on corporations. Players will corporate to build the Chinatown, experience the hardship while living with family across the sea and language barriers. They will work together for food and work. In the end, players are assigned to move out of Chinatown for the blvd of allies to be build. <\/p>\n\n\n\n<p>User Flow: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"811\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/image-1-1024x811.png\" alt=\"\" class=\"wp-image-216\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/image-1-1024x811.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/image-1-300x238.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/image-1-768x608.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/image-1-1536x1217.png 1536w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/image-1-2048x1622.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>NPC personas<\/strong><\/p>\n\n\n\n<p>We researched on people and names in Chinatown history and created four personas in our interaction.<\/p>\n\n\n\n<p>We are setting our story to the late 19th century. The players entered the experience as a Chinese immigrant in Pittsburgh, Pennsylvania. In this city, the players need a place to build their own community, and to open up their own businesses, and cook for food. It is time to settle down.<\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p><img decoding=\"async\" width=\"184px;\" height=\"128px;\" src=\"https:\/\/lh7-us.googleusercontent.com\/ikV6CluKecNeDgWIT_3St-bKwq3HIgP2y_Tr6S8XdUSd3olpApTUhE2KphtyEi8J0z3B9f0Fmg9aKrpMkUVD0l4HbeCch3GnU1KR9o7lZk94gmeStkYr0PWU22gwfEunAxSIOQHvekVipP6wM9eizFROpw=s2048\"><img decoding=\"async\" width=\"184px;\" height=\"128px;\" src=\"https:\/\/lh7-us.googleusercontent.com\/IG5563mVimTGEltn3JWPpsFrBvzmA9i9hqtS4RNykZ0jx6DAAFxWyABckJh3pZ30tts-el8TpbMD94LcSl-qWqQp_CfjXKv8E5ibWHGH6rdbTE5MCrqUhBUPYuNx7Og9q6H4JvD-FqetGWUiJOOowU-Brw=s2048\"><\/p>\n\n\n\n<p><img decoding=\"async\" width=\"184px;\" height=\"128px;\" src=\"https:\/\/lh7-us.googleusercontent.com\/4Zvwask59ek_lmynEdjRYZXl9Q92FvwsZYj7dkB188ojjkXZR1Vj00_9hMmje_4q57vI6YbVaYmy-vAhTIqK_4aK-qLXXL4hD8v_f8OSGX6dXHR9s38pW206AWsMUa1i7u0zP0GNIaiEQD0ts-eiXeWH4w=s2048\"><span id=\"docs-internal-guid-234add31-7fff-bac1-8631-c5ad1b0a6539\"><img decoding=\"async\" width=\"184px;\" height=\"128px;\" src=\"https:\/\/lh7-us.googleusercontent.com\/HfVbl2GStk9HS2Ufd9dpmvLh_1GrsdlHnx7c8YSOFhHAWhbC3TbTtDkkqSQdW7CwE5TYWJuGxpOmKbTSgTgoBFPeNuLeVX_IrWvMrTWfxvl4GTTg3teVK_XRXJxkL2BOWCzbKFAeGZSya1xvl3y6aRQYqQ=s2048\"><\/span><\/p>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Interaction Design Direction<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"528\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-5.22.52\u202fPM-1024x528.png\" alt=\"\" class=\"wp-image-218\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-5.22.52\u202fPM-1024x528.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-5.22.52\u202fPM-300x155.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-5.22.52\u202fPM-768x396.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-5.22.52\u202fPM-1536x792.png 1536w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-5.22.52\u202fPM-2048x1056.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Art Direction:<\/strong><\/p>\n\n\n\n<p>We have find more research from archive for more reference of the past buildings. Along with the detailed map and floor plans, our artist was able to recreate concept art of the buildings for Pittsburgh Chinatown in 1890s, 1930s, and 1960s.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"643\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.49\u202fPM-1024x643.png\" alt=\"\" class=\"wp-image-318\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.49\u202fPM-1024x643.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.49\u202fPM-300x188.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.49\u202fPM-768x482.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.49\u202fPM.png 1488w\" 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=\"686\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.41\u202fPM-1024x686.png\" alt=\"\" class=\"wp-image-319\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.41\u202fPM-1024x686.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.41\u202fPM-300x201.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.41\u202fPM-768x514.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.13.41\u202fPM.png 1392w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>1890s<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.09\u202fPM-1024x581.png\" alt=\"\" class=\"wp-image-321\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.09\u202fPM-1024x581.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.09\u202fPM-300x170.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.09\u202fPM-768x436.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.09\u202fPM-1536x872.png 1536w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.09\u202fPM.png 1642w\" 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=\"540\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.18\u202fPM-1024x540.png\" alt=\"\" class=\"wp-image-322\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.18\u202fPM-1024x540.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.18\u202fPM-300x158.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.18\u202fPM-768x405.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.18\u202fPM-1536x810.png 1536w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-1.14.18\u202fPM.png 1776w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>1930s<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-19-at-2.56.45\u202fPM-1024x546.png\" alt=\"\" class=\"wp-image-338\" srcset=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-19-at-2.56.45\u202fPM-1024x546.png 1024w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-19-at-2.56.45\u202fPM-300x160.png 300w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-19-at-2.56.45\u202fPM-768x410.png 768w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-19-at-2.56.45\u202fPM-1536x819.png 1536w, https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-19-at-2.56.45\u202fPM.png 1732w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>1960s till present<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>3D Art:<\/strong><\/p>\n\n\n\n<p>Based on the concept art, our artist was able to recreate models for Pittsburgh Chinatown.<\/p>\n\n\n\n<p><img decoding=\"async\" width=\"793px;\" height=\"192px;\" src=\"https:\/\/lh7-us.googleusercontent.com\/op8-GCh4q_xXFi_t_-RPskZJO3EDCATktWuKLuan-62Q9vMpD0m-93dpNSaXajohyercPFS646oSSIbB7PZxBqhGYUUsRZLCUalzX9kUivPlUPCeVNslYxsXAvpz8ht19EZ2riWa7ZY6ZtI4w1hTTctyiQ=s2048\"><img decoding=\"async\" width=\"793px;\" height=\"209px;\" src=\"https:\/\/lh7-us.googleusercontent.com\/khusDunykWaTjIg_Z39w4Bs6IueIv2Po1AC9nqV4XBc6-kEFIwBPzz0M2wmFkqvfNTjGEPHyZJIphHf324186dn03C2rDUKOyD6unECwctr_lBczAZBGeKGivAlujmpsXFY3NnanLYvZLLVvjKt_uj0mZA=s2048\"><\/p>\n\n\n\n<p>Front and Back side of Chinatown <\/p>\n\n\n\n<p><strong>Tech Direction:<\/strong><\/p>\n\n\n\n<p>We achieved the room management feature that we can now assign players to different rooms. We also worked to implement Unity humanoid into our scene. We figured out the animation converter, legacy animation, platter&#8217;s GLTF Exporter, and GLTF to GLB. We still need to fix our texture, but will be a easy fix.<\/p>\n\n\n\n<p>Besides that, we also finished our first stage tech prototype including the waiting room, UI panel, enter meeting room, direct room.<\/p>\n\n\n\n<p><img decoding=\"async\" width=\"293px;\" height=\"227px;\" src=\"https:\/\/lh7-us.googleusercontent.com\/Odg2SDLRRbGbDLLBXq2LnXM2OC6qnYIcmeRo4OFNy2BNOV1I3S7TVRPJ83tUTD0i_5JbXOxVB3mnNHMIuA-eKFe-3ORs3hQV4Q68L6SpkLurnUpsTxnN9ydop2SKFSTcnZGTM0tWUmpIpZrPVjOY3VpljQ=s2048\"><\/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=\"First stage ARENA output\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/D2g4-k6ErE8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Tech Demo <\/figcaption><\/figure>\n\n\n\n<p>https:\/\/arenaxr.org\/ziboy\/armixtory_waiting_room<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Sound Direction:<\/strong><\/p>\n\n\n\n<p>We&#8217;ve made four soundtrack for the game, including end, start, and two thrive pieces. We designed those soundtrack to be hopeful and enlightening with Chinese music features and styles. <\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/bgm1_Start.wav\"><\/audio><\/figure>\n\n\n\n<p>Start<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/sad.wav\"><\/audio><\/figure>\n\n\n\n<p>End<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/bgm1.wav\"><\/audio><\/figure>\n\n\n\n<p>Thrive 1<\/p>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-content\/uploads\/2024\/02\/bgm2.wav\"><\/audio><\/figure>\n\n\n\n<p>Thrive 2<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Plan for next week:<\/p>\n\n\n\n<ul>\n<li>Design: Refine user flow, NPC persona, playtest gray box<\/li>\n\n\n\n<li>Art: continue with concept art, NPC character design, modeling, and animation, start to model buildings with the reference from the concept art<\/li>\n\n\n\n<li>Tech: Screenspace UI, User play flow prototype<\/li>\n\n\n\n<li>Sound: BGM for the experience<\/li>\n\n\n\n<li>Playtest space: playtest room or 3306 in ETC<\/li>\n<\/ul>\n\n\n\n<p><strong>Goal by Wednesday:<\/strong><\/p>\n\n\n\n<p>Design: Whole UI stage 1, exchange system, refine UI prototype (short questionnaire for playtest) ILT\/storyboard\/ Art Assets<\/p>\n\n\n\n<p>Tech: currently: UI system design, buggy by the end of today Hope: building model, replace the duck, before Wedn- demo(AR not guarantee)<\/p>\n\n\n\n<p>Art: Character, branding UI\/ Illustration of the start<\/p>\n\n\n\n<p>Production: ppt for AR demo, polish website<\/p>\n\n\n\n<p><strong>Goal by Next week:<\/strong><\/p>\n\n\n\n<p>Design: Audio, interaction audio, ILT\/LBE<\/p>\n\n\n\n<p>Tech: AR feature<\/p>\n\n\n\n<p>Art: Character, Branding UI\/ Illustration of the start<\/p>\n\n\n\n<p>Production: polish website<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Week 5: Feb 12, 2024 \u2013 Feb 16, 2024 Design Direction: This week we finalized our user flow. We have met with Shirley Yee for more accurate information on our storylines. We have designed for three mini games that focuses mainly on corporations. Players will corporate to build the Chinatown, experience the hardship while living [&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\/228"}],"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=228"}],"version-history":[{"count":47,"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/pages\/228\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/ar-mixtory\/wp-json\/wp\/v2\/media?parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}