Először egy egyszerű menüt fogunk készíteni. Szerencsére a Godot Engine elég sok előre elkészített elemet tartalmaz, hogy megkönnyítse a munkánkat.

A Főmenü létrehozása

Az előző részből megismert módon hozzunk létre New Project-et és nevezzük el pl. "Arkanoid tutorial"-nak. A Project Settings-ben (General - Display - Window) ismét válasszuk a 2d és a keep lehetőséget, a méret pedig legyen 1280×720.

Ha megnyílt az új projektünk, akkor bal oldalon a scene tree-ben válasszuk ki a User Interface-t, és a létrejövő Control node-ot nevezzük el "Menu"-nek és mentsük is el. Adjunk hozzá egy VBoxContainer node-ot  - [Ctrl + A] - és nevezzük el "Gombok"-nak. A fenti ikonsoron kattintsunk a Layout-ra, a lenyíló menüben, pedig a Full Rect-re.

A jobb oldali panelen állítsuk az Alignment-et Center-re, a Margin - Left értékét 200-ra, Right értékét -200-ra, a Custom Constants - Seperation értékét pedig 50-re.

A Gombok node-hoz adjunk hozzá egy Button-t, és állítsuk be a jobb oldali panelen, (a Rect almenüben) a Min Size - y értékét 100-ra.
 

Töltsük le a Montserrat betűtípust (vagy akár sajátot is használhatunk, lényeg, hogy legyenek benne ékezetes karakterek). A linkelt csomagban elég sokféle variáció található, válasszunk ki egyet és másoljuk be a játék főkönyvtárába.

A Custom Fonts-nál válasszuk a New Dynamic Font lehetőséget, majd kattintsunk rá ismét. A lenyíló menüben válasszuk a Font-ot, majd kattintsunk az empty-re aztán a Load-ra és válasszuk ki a betűtípusunkat. Kettővel feljebb, a Settings-nél adhatunk meg nagyobb méretet, pl. 40-et.
Ha sikerült beállítanunk, akkor eggyel feljebb, a Font mező jobb oldalán kattintsunk a lefelé mutató nyílra és válasszuk a Save lehetőséget, és mentsük el pl. "menu_font.tres" néven, így máshol is fel tudjuk majd használni.

Hozzunk létre két másolatot a Button-ról - [Ctrl + D]. Nevezzük el a három gombot: "Jatek", "Beallitasok" és "Kilepes". Az adott gombokon, a jobb oldali panel Text mezőjébe írt szöveg fog megjelenni - itt már használhatunk ékezetes karaktereket is. Legyenek ezek értelemszerűen: Játék, Beállítások és Kilépés.

A Főmenü scriptelése I.

Jelöljük ki a Menu nevű node-ot és adjunk hozzá egy script-et (a felette lévő tekercs ikonnal, vagy jobb egérgombbal kattintva az Attach Script lehetőséget választva). Állítsuk a Template-et Empty-re, majd kattintsunk a Create gombra. Ne írjunk még semmit, helyette kattintsunk a Jatek nevű node-ra, majd a jobb oldali panelen váltsunk át a Node fülre és kattintsunk duplán a pressed() Signal-ra.

Válasszuk ki a Menu node-ot (mást nem is tudunk, mivel csak ehhez van script hozzáadva), majd kattintsunk a Connect gombra.

Ismételjük ezt meg a másik két gombbal is. Ha ez megvan, akkor valahogy így kéne kinéznie a kódnak:

extends Control

# ha a Játék gomb meg lett nyomva
func _on_Jatek_pressed():
    pass # Replace with function body.


# ha a Beállítások gomb meg lett nyomva
func _on_Beallitasok_pressed():
    pass # Replace with function body.


# ha a Kilépés gomb meg lett nyomva
func _on_Kilepes_pressed():
    pass # Replace with function body.

Megtehetjük azt is, hogy több különböző signal Receiver Method-jának is ugyanazt a nevet adjuk, így ugyanazt a függvényt több különböző signal is hívhatja.

func _on_Kilepes_pressed():
    # kilépés
    get_tree().quit()

A Beállítások menü létrehozása

A betűtípus méretének állításától a jelölőnégyzet mérete nem fog változni, de a Custom Icons mezőben használhatunk egyedi jelölőnégyzetet.

 
Duplikáljuk a CheckBox-ot. Nevezzük el őket "Hangok" és "TeljesKepernyo" néven. A Text mezőikben pedig Hangok és Teljes képernyő legyen. A Hangok node Pressed mezőjét pipáljuk be.

Kattintsunk ismét a Gombok node-ra és adjunk hozzá egy Button-t "Vissza" néven, a Text mezőbe is írjuk be ugyanezt, valamint a Min Size - y értéke itt is legyen 100. A Custom Fonts-nál ehhez is adjuk hozzá a menu_font.tres nevű fájlt.

A Főmenü scriptelése II.

func _on_Beallitasok_pressed():
    # a zárójelben van a fájl elérési útvonala
    # "res://" a játék főkönyvtára, ebből nem léphetünk ki
    get_tree().change_scene("res://BeallitasokMenu.tscn")

A Beállítások menü scriptelése

extends Control


# ha meg lett nyomva a Hangok jelölőnégyzet
func _on_Hangok_pressed():
    pass # Replace with function body.


# ha meg lett nyomva a Teljes képernyő jelölőnégyzet
func _on_TeljesKepernyo_pressed():
    pass # Replace with function body.


# ha meg lett nyomva a Vissza gomb
func _on_Vissza_pressed():
    # a zárójelben van a fájl elérési útvonala
    # "res://" a játék főkönyvtára, ebből nem léphetünk ki
    get_tree().change_scene("res://Menu.tscn")