{"id":1335,"date":"2021-11-24T21:09:30","date_gmt":"2021-11-25T02:09:30","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/?p=1335"},"modified":"2021-11-24T21:09:30","modified_gmt":"2021-11-25T02:09:30","slug":"user-interface-layout-james","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/2021\/11\/24\/user-interface-layout-james\/","title":{"rendered":"User Interface Layout &#8211; James"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-84-1024x576.png\" alt=\"\" class=\"wp-image-1336\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-84-1024x576.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-84-300x169.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-84-768x432.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-84-1536x864.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-84-1568x882.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-84.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>So this is my UI Layout in Godot and this is how it will look like in the Start Menu, with three buttons like the New Game, Options, Exit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-85-1024x576.png\" alt=\"\" class=\"wp-image-1337\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-85-1024x576.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-85-300x169.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-85-768x432.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-85-1536x864.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-85-1568x882.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-85.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>When you click on the Options button, it will show you the Instruction of how to control the player. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-86-1024x576.png\" alt=\"\" class=\"wp-image-1338\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-86-1024x576.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-86-300x169.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-86-768x432.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-86-1536x864.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-86-1568x882.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-86.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>When the player dies, it will show the game over scene with two options. The &#8220;try again&#8221; and &#8220;quit&#8221; button will allow you to restart the game or exit the game. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-87-1024x576.png\" alt=\"\" class=\"wp-image-1339\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-87-1024x576.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-87-300x169.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-87-768x432.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-87-1536x864.png 1536w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-87-1568x882.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-content\/uploads\/sites\/1770\/2021\/11\/Screenshot-87.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> The same will happen if you win the game. I will added them to a level scene, once I finish adding the tile sets and adding the collisions and player physics on the character. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>So this is my UI Layout in Godot and this is how it will look like in the Start Menu, with three buttons like the New Game, Options, Exit. When you click on the Options button, it will show you the Instruction of how to control the player. When the player dies, it will show&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/2021\/11\/24\/user-interface-layout-james\/\">Continue reading <span class=\"screen-reader-text\">User Interface Layout &#8211; James<\/span><\/a><\/p>\n","protected":false},"author":4265,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[53,70],"tags":[],"coauthors":[26],"class_list":["post-1335","post","type-post","status-publish","format-standard","hentry","category-designer","category-user-interface-layout","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/posts\/1335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/users\/4265"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/comments?post=1335"}],"version-history":[{"count":1,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/posts\/1335\/revisions"}],"predecessor-version":[{"id":1340,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/posts\/1335\/revisions\/1340"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/media?parent=1335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/categories?post=1335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/tags?post=1335"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-270-fall-2021\/wp-json\/wp\/v2\/coauthors?post=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}