{"id":80,"date":"2023-11-01T16:58:45","date_gmt":"2023-11-01T16:58:45","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/cheat-code\/?p=80"},"modified":"2023-11-15T16:57:51","modified_gmt":"2023-11-15T16:57:51","slug":"week-9-preparing-the-playtest-day","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/cheat-code\/week-9-preparing-the-playtest-day\/","title":{"rendered":"Week 9 : Preparing the playtest day!"},"content":{"rendered":"\n<p>We mainly had 4 major updates.<\/p>\n\n\n\n<p class=\"has-vivid-green-cyan-color has-text-color\"><strong>1. New way of user prompting &amp; Riddle generation:<\/strong><\/p>\n\n\n\n<p>This was to Improve the quality of riddles &amp; encourage the users to make a creative attempt (a product combined with miss matched 3 words)<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-1 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-b4-1.png\" alt=\"\" class=\"wp-image-127\" style=\"width:402px;height:219px\" width=\"402\" height=\"219\" srcset=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-b4-1.png 867w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-b4-1-300x164.png 300w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-b4-1-768x419.png 768w\" sizes=\"(max-width: 402px) 100vw, 402px\" \/><figcaption class=\"wp-element-caption\">Before: 1 input box<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-1.png\" alt=\"\" class=\"wp-image-125\" style=\"width:391px;height:210px\" width=\"391\" height=\"210\" srcset=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-1.png 872w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-1-300x161.png 300w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/prompt-1-768x412.png 768w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><figcaption class=\"wp-element-caption\">After: 3 input boxes merged into create 1 item<\/figcaption><\/figure>\n<\/div>\n\n\n\n<p class=\"has-vivid-green-cyan-color has-text-color\"><strong>2. Made Target item (generated item) condition same with premade items<\/strong> by<\/p>\n\n\n\n<p>a) Training DallE to keep the style coherent with premade items by MidJourney<br>    &#8212; <em>For more details, check out <a href=\"https:\/\/docs.google.com\/presentation\/d\/1CkRRsJsdwv3gEIK6Ie0p3EiXD8v68cxFMqlOnE7KH3g\/edit#slide=id.p\" data-type=\"link\" data-id=\"https:\/\/docs.google.com\/presentation\/d\/1CkRRsJsdwv3gEIK6Ie0p3EiXD8v68cxFMqlOnE7KH3g\/edit#slide=id.p\">Prompt testing<\/a> log<\/em><br>b) Making the Gen. asset to fill in the whole shelf just like premade items<\/p>\n\n\n\n<p>This was to make the riddle solving and finding the item meaningful and challenging<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:21% auto\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"147\" height=\"147\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/midJourney-2.png\" alt=\"\" class=\"wp-image-134 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-medium-font-size\"><strong>PROMPT:<\/strong> lightbulb pizza, MINIMAL, FRONT VIEW, GHIBILI STYLE, FLAT, black BACKGROUND&#8211;ar 1:1 &#8211;niji 5 &#8211;style expressive &#8211;s 750 <br><strong>by MidJourney<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\" style=\"grid-template-columns:21% auto\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"223\" height=\"212\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/dallEno9-2.png\" alt=\"\" class=\"wp-image-135 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-medium-font-size\"><strong>PROMPT:<\/strong> lightbulb pizza, hand-drawn, ghibli color, japanese animation style, ghibli studio style, flat, front view, black background, pastel colors, imaginative and fantastical,\u00a0 emotions emphasized and accentuated by color,\u00a0 &#8211;ar 1:1<br><strong>by DallE<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-vivid-green-cyan-color has-text-color\"><strong>3. Made the Category more noticeable by the environment and shelf design<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" data-id=\"147\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/DairyShelf-1024x576.png\" alt=\"\" class=\"wp-image-147\" srcset=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/DairyShelf-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/DairyShelf-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/DairyShelf-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/DairyShelf-1536x864.png 1536w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/DairyShelf.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" data-id=\"148\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/FishShelf-1024x576.png\" alt=\"\" class=\"wp-image-148\" srcset=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/FishShelf-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/FishShelf-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/FishShelf-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/FishShelf-1536x864.png 1536w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/FishShelf.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"has-vivid-green-cyan-color has-text-color\"><strong>4. Key control &amp; Opening Cutscene implemented for better instruction<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"874\" height=\"472\" data-id=\"149\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/ketcontrol-1.png\" alt=\"\" class=\"wp-image-149\" srcset=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/ketcontrol-1.png 874w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/ketcontrol-1-300x162.png 300w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/ketcontrol-1-768x415.png 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1920\" height=\"1080\" data-id=\"150\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Opening.png\" alt=\"\" class=\"wp-image-150\" srcset=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Opening.png 1920w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Opening-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Opening-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Opening-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Opening-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"has-vivid-green-cyan-color has-text-color\"><strong>+ More Iterations implemented before Saturday playtest as follow:<\/strong><\/p>\n\n\n\n<ul>\n<li>Camera bug fix<\/li>\n\n\n\n<li>Zoom in feature with right click  &amp; button UI<\/li>\n\n\n\n<li>BGM &amp; interaction SFX implemented<\/li>\n\n\n\n<li>Cluttered shelves layout modification<\/li>\n\n\n\n<li>Action to get the riddle : Changed from &#8216;slapping&#8217; to &#8216;talking&#8217;<\/li>\n\n\n\n<li>Ending scene now shows the answer (riddle and image)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Ending-1024x576.png\" alt=\"\" class=\"wp-image-152\" srcset=\"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Ending-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Ending-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Ending-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Ending-1536x864.png 1536w, https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-content\/uploads\/2023\/11\/Ending.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-luminous-vivid-amber-color has-text-color\"><strong>+ More puzzles left for us:<\/strong><\/p>\n\n\n\n<ul>\n<li>Interrupted game play \/ power up feature for a better interest curve<\/li>\n\n\n\n<li>Connecting &#8220;Solving the riddles&#8221; -> &#8220;Finding the item&#8221; more closely<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>We mainly had 4 major updates. 1. New way of user prompting &amp; Riddle generation: This was to Improve the quality of riddles &amp; encourage the users to make a creative attempt (a product combined with miss matched 3 words) 2. Made Target item (generated item) condition same with premade items by a) Training DallE [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/posts\/80"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/comments?post=80"}],"version-history":[{"count":11,"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/posts\/80\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/posts\/80\/revisions\/153"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/media?parent=80"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/categories?post=80"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/cheat-code\/wp-json\/wp\/v2\/tags?post=80"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}