{"id":487,"date":"2025-12-05T15:55:18","date_gmt":"2025-12-05T15:55:18","guid":{"rendered":"https:\/\/blog.lerk.ing\/?p=487"},"modified":"2025-12-07T19:18:12","modified_gmt":"2025-12-07T19:18:12","slug":"tetris-game-over-scene","status":"publish","type":"post","link":"https:\/\/blog.lerk.ing\/index.php\/2025\/12\/05\/tetris-game-over-scene\/","title":{"rendered":"Tetris 06 &#8211; Game Over scene"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Create a new scene of type '<strong>Control<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rename the '<strong>Control<\/strong>' node to '<strong>GameOver<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Save the scene as '<strong>game_over.tscn<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Set Layout to '<strong>Full Rect<\/strong>'.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"409\" src=\"https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-28-1024x409.png\" alt=\"\" class=\"wp-image-490\" srcset=\"https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-28-1024x409.png 1024w, https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-28-300x120.png 300w, https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-28-768x307.png 768w, https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-28-1536x613.png 1536w, https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-28.png 2044w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Add a Control -&gt; CenterContainer node to '<strong>GameOver<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select the '<strong>CenterContainer<\/strong>'. Set Layout to '<strong>Full Rect<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add a Control -&gt; Panel node to '<strong>CenterContainer<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select the '<strong>Panel<\/strong>' node. Set Layout to '<strong>Full Rect<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add a Controls -&gt; Container -&gt; BoxContainer -&gt; '<strong>VBoxContainer<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add the following child nodes to the '<strong>VBoxContainer<\/strong>' node.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Control -&gt; Label\n<ul class=\"wp-block-list\">\n<li>Rename to '<strong>LabelTitle<\/strong>'<\/li>\n\n\n\n<li>Set '<strong>Text<\/strong>' property to '<strong>GAME OVER<\/strong>'<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Control -&gt; Label\n<ul class=\"wp-block-list\">\n<li>Rename to '<strong>LabelScore<\/strong>'<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Control -&gt; Label\n<ul class=\"wp-block-list\">\n<li>Rename to '<strong>LabelHighScore<\/strong>'<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Controls -&gt; Label\n<ul class=\"wp-block-list\">\n<li>Rename to '<strong>LabelLines<\/strong>'<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Controls -&gt; Container -&gt; BoxContainer -&gt; '<strong>HBoxContainer<\/strong>'<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">We now add 2 buttons to the '<strong>HBoxContainer<\/strong>'.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Controls -&gt; BaseButton -&gt; '<strong>Button<\/strong>'\n<ul class=\"wp-block-list\">\n<li>Rename to '<strong>ButtonAgain<\/strong>'<\/li>\n\n\n\n<li>Set '<strong>Text<\/strong>' property to '<strong>Play Again<\/strong>'<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Controls -&gt; BaseButton -&gt; '<strong>Button<\/strong>'\n<ul class=\"wp-block-list\">\n<li>Rename to '<strong>ButtonQuit<\/strong>'<\/li>\n\n\n\n<li>Set '<strong>Text<\/strong>' property to '<strong>Quit<\/strong>'<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You should now have a scene looking like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"874\" src=\"https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-30.png\" alt=\"\" class=\"wp-image-514\" srcset=\"https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-30.png 618w, https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-30-212x300.png 212w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Save '<strong>game_over.tscn<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now open '<strong>main.tscn<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select '<strong>GameRoot<\/strong>' node.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add a CanvasLayer node. Rename it to '<strong>UILayer<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Add a Control to '<strong>UILayer<\/strong>'. Rename to '<strong>UIRoot<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select '<strong>UIRoot<\/strong>' node. Set Layout to '<strong>Full Rect<\/strong>'.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your '<strong>main.tscn<\/strong>' should now look like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"654\" src=\"https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-37.png\" alt=\"\" class=\"wp-image-537\" srcset=\"https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-37.png 594w, https:\/\/blog.lerk.ing\/wp-content\/uploads\/2025\/12\/image-37-272x300.png 272w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Save '<strong>main.tscn<\/strong>'.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/blog.lerk.ing\/index.php\/2025\/12\/04\/hudright-scene\/\">HUDRight scene<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-bf881693 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/blog.lerk.ing\/index.php\/2025\/12\/04\/tetris-board-script\/\">Board script<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/blog.lerk.ing\/index.php\/codingpirates\/godot-tetris\/\" data-type=\"page\" data-id=\"595\">Introduction<\/a><\/p>\n\n\n<div class=\"wp-block-post-author\"><div class=\"wp-block-post-author__avatar\"><img alt='' src='https:\/\/secure.gravatar.com\/avatar\/ea6dfb9dc4a5852f1a3635e4cb2c81deba1b9e5a2fec2c492f0abd9df8882821?s=48&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/ea6dfb9dc4a5852f1a3635e4cb2c81deba1b9e5a2fec2c492f0abd9df8882821?s=96&#038;d=mm&#038;r=g 2x' class='avatar avatar-48 photo' height='48' width='48' \/><\/div><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__name\">Jan Lerking<\/p><\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create a new scene of type &#8216;Control&#8217;. Rename the &#8216;Control&#8217; node to &#8216;GameOver&#8217;. Save the scene as &#8216;game_over.tscn&#8217;. Set Layout to &#8216;Full Rect&#8217;. Add a Control -&gt; CenterContainer node to &#8216;GameOver&#8217;. Select the &#8216;CenterContainer&#8217;. Set Layout to &#8216;Full Rect&#8217;. Add a Control -&gt; Panel node to &#8216;CenterContainer&#8217;. Select the &#8216;Panel&#8217; node. Set Layout to &#8216;Full [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[70,74,71],"tags":[67,75,69,77,72],"class_list":["post-487","post","type-post","status-publish","format-standard","hentry","category-coding-pirates","category-gdscript20","category-godotgameengine","tag-codingpirates","tag-gdscript20","tag-godotgameengine","tag-godot_tertris","tag-programming"],"_links":{"self":[{"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/posts\/487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/comments?post=487"}],"version-history":[{"count":15,"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/posts\/487\/revisions"}],"predecessor-version":[{"id":646,"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/posts\/487\/revisions\/646"}],"wp:attachment":[{"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/media?parent=487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/categories?post=487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.lerk.ing\/index.php\/wp-json\/wp\/v2\/tags?post=487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}