{"id":84,"date":"2023-03-03T15:40:39","date_gmt":"2023-03-03T20:40:39","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/?p=84"},"modified":"2023-03-03T15:40:39","modified_gmt":"2023-03-03T20:40:39","slug":"silly-lil-guys-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/?p=84","title":{"rendered":"Silly Lil Guys #3"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Week 4<\/h1>\n\n\n\n<h1 class=\"wp-block-heading\">Narrative<\/h1>\n\n\n\n<p>The player has a device (their phone) that can detect the world of the supernatural. They discovered that there are ghosts on their college campus. The player encounters these ghosts using their device and help them accomplish their wishes. The player can befriend ghosts and collect photos with them in the photobook after fulfilling their wishes.<\/p>\n\n\n\n<p>The ghosts were once people who lived and left their most important personal items in the area. After they passed away, due to their unfulfilled last wishes, their ghosts are attached to their items. They are unable to contact the physical world and long for someone who can see them and help them.<\/p>\n\n\n\n<p>Due to the long time that the ghosts are bound to this ground, there are 3 types of ghosts:<\/p>\n\n\n\n<ol>\n<li>Conscious: Player can talk to; would assign tasks or give clues to player.<\/li>\n\n\n\n<li>Amnesiac: Need player to find clues related to their past and help them.<\/li>\n\n\n\n<li>Resentful: Need player to use specific items\/actions to cleanse and restore consciousness in order to proceed.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Dialogue Example:<\/h3>\n\n\n\n<p>\u201cUh, hi. I\u2019m Richardson, some call me Ricky. I I study English literature at Cranberry Mellow University, at least I once did. \u201c<\/p>\n\n\n\n<p>\u201cDid you happen to see Miss Franklin? She is the kindest and most beautiful young lady. She wore her white lab coat all the time, like an angel walking on Earth. I adore her. I wrote a letter to her to confess my love, but I never heard back.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"712\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-1024x712.png\" alt=\"\" class=\"wp-image-85\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-1024x712.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-300x208.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-768x534.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-1536x1067.png 1536w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Art<\/h1>\n\n\n\n<p>We finalized the character roster designs<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"294\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-2-1024x294.png\" alt=\"\" class=\"wp-image-87\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-2-1024x294.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-2-300x86.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-2-768x220.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-2-1536x441.png 1536w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-2.png 1708w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We are working on turning them into 3d:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"385\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-3-1024x385.png\" alt=\"\" class=\"wp-image-88\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-3-1024x385.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-3-300x113.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-3-768x289.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-3-1536x578.png 1536w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-3.png 1558w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Map View<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"512\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-4-1024x512.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-4-1024x512.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-4-300x150.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-4-768x384.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-4-1536x768.png 1536w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-4.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This week, our team worked on the mapping system. We used ArcGIS and mapped out an image of the Carnegie Mellon campus. We picked this cartoony-styled map because it matched the theme of our game, cute but scary. In Photoshop, we changed the hues of the image with a gradient map. This gave us complete control of the image, resulting in the below map. We decided to move forward with purple coloring because it matched the scary-cute theme that we are going for.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"1024\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-5-1024x1024.png\" alt=\"\" class=\"wp-image-90\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-5-1024x1024.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-5-300x300.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-5-150x150.png 150w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-5-768x768.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-5-1536x1536.png 1536w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-5-2048x2048.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We uploaded the map to Unity and played with the skybox, shadows, and lighting to once again evoke the scary-cute feeling of our game. We chose green lighting to contrast with purple, as lots of horror games have high-contrast shadows.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"911\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-6-1024x911.png\" alt=\"\" class=\"wp-image-91\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-6-1024x911.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-6-300x267.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-6-768x683.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-6-1536x1367.png 1536w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/image-6.png 1562w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The game really came to life when we added in the ghosts and buildings. Our goal is to improve our map in the future so that we have more of a variety of characters which players can interact with.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/Screen_Recording_2023-02-24_at_12_56_47_AM_AdobeExpress.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Floor is Lava<\/h2>\n\n\n\n<p><a href=\"https:\/\/drive.google.com\/file\/d\/169eCGFVKCGYqExON-KbidYZoTvKahsyu\/view?usp=sharing\">https:\/\/drive.google.com\/file\/d\/169eCGFVKCGYqExON-KbidYZoTvKahsyu\/view?usp=sharing<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Incantation<\/h2>\n\n\n\n<p><a href=\"https:\/\/drive.google.com\/file\/d\/1EYqblDz_2KrYCN6FPtoVWPcTQQYKQ6a1\/view?usp=sharing\">https:\/\/drive.google.com\/file\/d\/1EYqblDz_2KrYCN6FPtoVWPcTQQYKQ6a1\/view?usp=sharing<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ritual &amp; VPS<\/h2>\n\n\n\n<p>One of the features we focused on working on this week was moving the phone in three-dimensional space, following a pattern to conduct a \u201critual.\u201d In the current prototype, the player\u2019s current coordinates are shown along with the goal coordinates for each step in the path. Having the coordinates shown is temporary as the feature gets polished. Additionally, a line appears in the environment of the AR world. This line is currently simple programmer art, and will also be improved upon. The line shows the path that the player should follow. The number on the screen indicates the latest position the player has reached.<\/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=\"screen 20230223 234432\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ZXeQnZPMV3s?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>We also began working on understanding how VPS works. In the current demo, the player can place blocks within the space that remain in place throughout playthroughs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Map<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/wp-content\/uploads\/2023\/03\/jjj_6YZC0GxN.mov\"><\/video><\/figure>\n\n\n\n<p>We are normalizing the map to the player based on the latitude and longitude.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">UI<\/h1>\n\n\n\n<p>Start sketching wireframes for game guidance and player interaction according to the current flow and mechanisms we have.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Week 4 Narrative The player has a device (their phone) that can detect the world of the supernatural. They discovered that there are ghosts on their college campus. The player encounters these ghosts using their device and help them accomplish their wishes. The player can befriend ghosts and collect photos with them in the photobook [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=\/wp\/v2\/posts\/84"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":1,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=\/wp\/v2\/posts\/84\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=\/wp\/v2\/posts\/84\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=84"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2023\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}