{"id":293,"date":"2022-04-17T03:17:55","date_gmt":"2022-04-17T07:17:55","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/?p=293"},"modified":"2022-04-17T03:22:50","modified_gmt":"2022-04-17T07:22:50","slug":"banjos-week","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/?p=293","title":{"rendered":"BANJOS &#8211; Beta! week 11"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-style-rounded\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"550\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/pasted-image-0-1-1024x550.png\" alt=\"\" class=\"wp-image-295\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/pasted-image-0-1-1024x550.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/pasted-image-0-1-300x161.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/pasted-image-0-1-768x413.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/pasted-image-0-1-1536x825.png 1536w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/pasted-image-0-1.png 1547w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>\ud83c\udf33\ud83c\udf33\ud83c\udf33 \ud83e\udd16\u26a1\ufe0f\ud83c\udf33\ud83c\udf33\ud83c\udf33<\/strong><\/p>\n\n\n\n<p>It\u2019s time for Beta \ud83e\ude95 \ud83c\udf89  In these past two weeks, <strong>BANJOS <\/strong>spent a lot of time implementing the gameplay changes, and UI. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Updated Art Assets<\/strong><\/h3>\n\n\n\n<p>We updated the map to include 5 LED locations, fewer capacitors, and darker environment lighting. The resistor soldering points are highlighted for visibility (since the trees sometimes block the view).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/n87xt8Jcgla5FaycJJtVefYFTMWYXmzbW7216JE-rGkByaIZXJU1dhuXNN2Ipb_EaafT355zkW80oEZm_yw5YXnjdDd76Tq016cC1_gNtRQnZ83PPCPfqIabuOt-9g5_0w3JiWFdmorQqVFUawUjfA\" alt=\"\" \/><figcaption>Updated map<\/figcaption><\/figure>\n\n\n\n<p>In addition, the character models have been updated with a better UV texture map, and 4 more animations: rebound, fallen, revive, and idle.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-5\">\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/173sbeGuoCvxRxMgCo6sko4dbj3VbwH29E8N2tbljLHDGSZzPnWBviPkV-NDfkRvAohDeQcHXtcPvRchD7IbXR8SxNT4VilITElquMWzAuAD48caGcjXv0EybKLc-i9e6X_eQszpGeB70-MsAYBsDA\" alt=\"\" \/><figcaption>Rebound<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Bjjp9fa97K-lU5Tpilh-8zAr4Wt6TQpwrbcXWtvz1Bewlcwf2Xoxdq29B91e245EyCWVw2RUC3YUsS8jCKa1_8_lCjZ5_TIvvQn9vpWuFh3rfAuI6zIYQTB3GyLiB7vJR4Obct1WVZ9_P7MJ5Zlrhw\" alt=\"\" \/><figcaption>Revive<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/f40BZ1p1l5hI3DFVLP9pNpQp_stXYtWEDwDABktQKM5Eg8Ztb8jJNxjhb5bf7nGhQEA7lXn2SE_z46uZAghjVGq3xQ5DUAIVFdCJHFZbckfb0sXDhPVp6bF6wLjXvQNpJYfVElJc05xxtdgnrvzOoQ\" alt=\"\" \/><figcaption>Fallen<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/fzHfnyogx3nPczvXGX2_BpuMpgYjpk2R8ehEdv4lEYiFeULu2uAOhpV8baMBco38uKmRuy5df0a6xPg4RNYjaq-IT2ckq-tiXiSfmD5fs02p3sZm0Qtahckl1tqIUpcYdsrG7zt_o0e2R_ypYqGndA\" alt=\"\" \/><figcaption>Idle<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Variant UI<\/strong><\/h3>\n\n\n\n<p>Based on previous feedback, we focused on creating the UI. When the variant gets close to the resistor and capacitor, there is a hovering text that explains which button to press, and a loading bar animation. We also implemented the HP bar and battery.&nbsp;The soldering sparks have been replaced with asymmetrical star shapes.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-8\">\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/C4i4fwN_9_kfdVmijjfkFvERPmgx2A_3W0T9zGRmLrraBe1_F_lzrZLnm8gEjIr-GoZPY_7f0VwgeyHn6JGvV1jnJd3rejoesA7EevtHeL7J2OvbY8QkzOM-3f_4OmzwlQ78iK6zJfn9O9-WkYwq8g\" alt=\"\" width=\"396\" height=\"225\" \/><figcaption>Hovering Soldering bar<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lh3.googleusercontent.com\/y7YEWUhItw7Qblk9jg-5UH_68yenFPvhVhTMpwC_YlU7K-khFUMf4a0q-AT8JVgaQDEtMmXCD5lrSpscKRMN5B4wwzrI_02hhknq4DlLA_xM7D8ICQTb3MOkuZu6S1qiQnhCCvLmUaUZSkM6wkCq7g\" alt=\"\" width=\"419\" height=\"225\" \/><figcaption>Soldering with sparks and loading bar<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-11\">\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"829\" src=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/Soldering-1024x829.png\" alt=\"\" class=\"wp-image-298\" srcset=\"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/Soldering-1024x829.png 1024w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/Soldering-300x243.png 300w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/Soldering-768x622.png 768w, https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/wp-content\/uploads\/2022\/04\/Soldering.png 1214w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.discordapp.com\/attachments\/938788918717972546\/960773502099681330\/Screen_Shot_2022-04-05_at_1.29.38_AM.png\" alt=\"\" width=\"356\" height=\"219\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Our current battery scaling system (This could possibly change after more playtesting)<\/p>\n\n\n\n<ul><li>Soldering 2 points = 1 bar<\/li><li>5 hits = 1 bar<\/li><li>Revive a player = 2 bars<\/li><\/ul>\n\n\n\n<p>The UI allows for another mechanic: charging up the battery at the capacitor. The variants need to manage their battery resources and make trips to the capacitor.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/drive.google.com\/file\/d\/1YP_WEkfX0aTs4GNSuteEp2LjnVY0U1Px\/view?resourcekey\"><\/video><figcaption>Recharging<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Creator gameplay<\/strong><\/h3>\n\n\n\n<p>We focused on improving the creator&#8217;s gameplay experience. We first implemented dropping clones and LED UI. The clones sent by the creator will attack variants in front of them. When the LED goes down, a button menu pops up telling the creator to fix it. From previous feedback and playtesting, we placed roaming clones that follow a randomized pathway on the map. The variants can blend amongst the crowd while the creator needs to spot them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/QheguzOIzrABjMTnKM8BHNs2Zjn73_WSBEzgwYqBAscMBbdWOEkWB51IE-lepDsd-gNnkBGQL3f6mfS-iMo6W_K3_pH6DRjpVAYPVa2F4jFgDANOceooUMPXd-lkoaVJsWTcH0bz1olwcijifPU5yQ\" alt=\"\" \/><figcaption>Current Creator UI<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/drive.google.com\/file\/d\/1lIOapykBavqnJ3SmIQXvy2EUHxTUq_5O\/view?resourcekey\"><\/video><figcaption>Dropping a clone<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Some screen<\/strong>s<\/h3>\n\n\n\n<p>We started on the UI for the title screen and character selection screen. This has not been fully implemented in the game yet. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/WKvYnEylea4aGyzDHU-bGHtAA9nFMzg7B2j2J2VYdl_wPWfLRIeEirKL2DJasKKALlX1-CRVrt6UtwGVFlVOPoF2ceShBv71rwJwKA1U62o8WJaJoHkp-R2dVlQN6syoQniHbtldzP2NLOYbW-3zRw\" alt=\"\" \/><figcaption>User flow<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Demo video<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/drive.google.com\/file\/d\/1IBB0A-WqOMq5nlkBE0TOpOW7hA54Pubt\/view?resourcekey\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Next steps<\/strong><\/h3>\n\n\n\n<p>Based on feedback for our Beta build, here are our priority items for the next two weeks.<\/p>\n\n\n\n<ol><li>Give the creator more control over their clones, such as the ability to move them and give them tasks (fix the LED)<\/li><li>Implement the end game state aka. Run to the core<\/li><li>Implement final UI elements, and screens<\/li><li>Adjust map, model colors, and VFX<\/li><li>Improve roaming clones and attacking clones<\/li><li>Export a Mac build<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf33\ud83c\udf33\ud83c\udf33 \ud83e\udd16\u26a1\ufe0f\ud83c\udf33\ud83c\udf33\ud83c\udf33 It\u2019s time for Beta \ud83e\ude95 \ud83c\udf89 In these past two weeks, BANJOS spent a lot of time implementing the gameplay changes, and UI. Updated Art Assets We updated [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=\/wp\/v2\/posts\/293"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=293"}],"version-history":[{"count":12,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=\/wp\/v2\/posts\/293\/revisions"}],"predecessor-version":[{"id":308,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=\/wp\/v2\/posts\/293\/revisions\/308"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/53-472\/s2022\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}