{"id":311,"date":"2024-02-25T07:20:00","date_gmt":"2024-02-25T07:20:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/?p=311"},"modified":"2024-02-23T20:43:57","modified_gmt":"2024-02-23T20:43:57","slug":"week-6-lockdown-gameplay-first-playtest","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/week-6-lockdown-gameplay-first-playtest\/","title":{"rendered":"Week 6: Lockdown gameplay &#038; First playtest"},"content":{"rendered":"\n<p>Hello and welcome to another exciting update from our development journey!&nbsp; Time passes so fast and we\u2019re almost approaching half- presentation. This week, we&#8217;re excited to delve into the core of our design process.<\/p>\n\n\n\n<p>To give you a clearer picture of how we approach this, we&#8217;ve developed a flow chart that outlines our iterative gameplay.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"282\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/flowchart-1024x282.png\" alt=\"\" class=\"wp-image-316\" style=\"width:759px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/flowchart-1024x282.png 1024w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/flowchart-300x83.png 300w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/flowchart-768x212.png 768w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/flowchart-1536x424.png 1536w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/flowchart-2048x565.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Programming<\/strong><\/h5>\n\n\n\n<p>Our programming efforts this week were focused towards polishing the overall game experience. Our focus extended from enhancing the monster selection process to win conditions, ensuring a basic gameplay experience before our major milestone at \u00bd presentation.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Art<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">3D Models<\/h6>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/3d-1024x457.png\" alt=\"\" class=\"wp-image-314\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/3d-1024x457.png 1024w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/3d-300x134.png 300w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/3d-768x342.png 768w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/3d.png 1052w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Artists have focused on creating the monster selection scene this week. We first worked on the monster\u2019s card, which ties with the monster fantasy and creates a more immersive experience. The style of the cards is based on Hanafuda cards, a type of traditional Japanese playing cards.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"614\" height=\"1024\" data-id=\"318\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/earth_card-614x1024.png\" alt=\"\" class=\"wp-image-318\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/earth_card-614x1024.png 614w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/earth_card-180x300.png 180w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/earth_card.png 768w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><figcaption class=\"wp-element-caption\">Earth Monster\uff1a Nooki<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"614\" height=\"1024\" data-id=\"319\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fire_card-614x1024.png\" alt=\"\" class=\"wp-image-319\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fire_card-614x1024.png 614w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fire_card-180x300.png 180w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fire_card.png 768w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><figcaption class=\"wp-element-caption\">Fire Monster\uff1aChochi<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"614\" height=\"1024\" data-id=\"320\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/water_card-614x1024.png\" alt=\"\" class=\"wp-image-320\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/water_card-614x1024.png 614w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/water_card-180x300.png 180w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/water_card.png 768w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><figcaption class=\"wp-element-caption\">Water Monster\uff1a Kapi<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p>Following the cards&#8217; creation, our team crafted the desks that display these cards within the game. A key focus was on hand-painting bounced light effects in mixed reality settings, a technique that not only enhances the visual appeal but also optimizes performance.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/lighting-1024x469.png\" alt=\"\" class=\"wp-image-315\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/lighting-1024x469.png 1024w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/lighting-300x137.png 300w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/lighting-768x352.png 768w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/lighting.png 1063w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">VFX<\/h6>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/vfx_blog.mp4\"><\/video><\/figure>\n\n\n\n<p>This week also saw the development of a new defense VFX. Our approach combines 3D modeling with\u00a0 visual effects to create an engaging defensive gameplay mechanic.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">User Interface<\/h6>\n\n\n\n<p>We&#8217;ve made further improvements to the in-game HP panel, iterating on its design to ensure it&#8217;s intuitive and informative based on the new game design, enhancing the player&#8217;s experience during gameplay.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fireWatchUI-1-1024x565.png\" alt=\"\" class=\"wp-image-312\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fireWatchUI-1-1024x565.png 1024w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fireWatchUI-1-300x165.png 300w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fireWatchUI-1-768x424.png 768w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/fireWatchUI-1.png 1055w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Playtest<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/\u662f-1024x597.png\" alt=\"\" class=\"wp-image-313\" srcset=\"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/\u662f-1024x597.png 1024w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/\u662f-300x175.png 300w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/\u662f-768x447.png 768w, https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-content\/uploads\/2024\/02\/\u662f.png 1071w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Our team conducts a playtest session, we have many useful feedback to iterate our game. Below are the findings we observed and collected:<\/p>\n\n\n\n<ul>\n<li>Safety risks<\/li>\n\n\n\n<li>Lack of onboarding:\n<ul>\n<li>Players confusion with hand gestures&nbsp;<\/li>\n\n\n\n<li>Interaction with the watch<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Overpowered defense system discourages player movement<\/li>\n\n\n\n<li>Excessive VFX and art assets lead to performance drop<\/li>\n<\/ul>\n\n\n\n<p>What we plan to iterate:<\/p>\n\n\n\n<ul>\n<li>Intuitive Tutorial: A brief introduction of Fantasy, Hand Gestures, watch interaction<\/li>\n\n\n\n<li>Mixed reality Room setup: Unique game experience each time as well as keep the player avoid furniture that might costs danger<\/li>\n\n\n\n<li>Performance Optimization: control the duration of one session, and minimized art assets &amp; VFX generated<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Future Plan<\/h4>\n\n\n\n<h6 class=\"wp-block-heading\">Week 8<\/h6>\n\n\n\n<ul>\n<li>Playable features complete<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Make project meaningful for GDC<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Week 11\uff1aPlaytest Day<\/h6>\n\n\n\n<ul>\n<li>Tutorial implementation<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Full Game experience<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Week 13\uff1a Soft<\/h6>\n\n\n\n<ul>\n<li>Development complete&nbsp;<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Documentation<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>Stretch: Design Toward Tournament<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Hello and welcome to another exciting update from our development journey!&nbsp; Time passes so fast and we\u2019re almost approaching half- presentation. This week, we&#8217;re excited to delve into the core of our design process. To give you a clearer picture of how we approach this, we&#8217;ve developed a flow chart that outlines our iterative gameplay. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":317,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/posts\/311"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/comments?post=311"}],"version-history":[{"count":3,"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/posts\/311\/revisions"}],"predecessor-version":[{"id":329,"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/posts\/311\/revisions\/329"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/media\/317"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/media?parent=311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/categories?post=311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/monomon-mr\/wp-json\/wp\/v2\/tags?post=311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}