Layout (15)
GoScaffold
Una schermata d'app già collegata: barra, pagina scorrevole, barra in basso, FAB e cassetto.
estende Control
var page := GoStyle.column()
var screen := GoScaffold.make("Inbox", page, true)
screen.set_fab(GoFab.make(GoIconSet.EDIT))
add_child(screen) GoTopBar
Elementi lungo il bordo superiore in uno-tre slot; il centro resta centrato.
estende GoEdgeBar
var bar := GoTopBar.make(3)
bar.add_start(GoStyle.icon_button(GoIconSet.BACK, go_back, -1, &"back"))
bar.add_center(GoStyle.label("Stage 3"))
bar.add_end(GoStyle.chip("1,250")) GoBottomBar
Elementi lungo il bordo inferiore, lontano dalla barra dei gesti.
estende GoEdgeBar
var actions := GoBottomBar.make(1, GoBottomBar.Justify.SPACE_BETWEEN)
for name in ["Attack", "Guard", "Run"]: actions.add_start(GoStyle.button(name))
screen.add_child(actions) GoLeftSideBar
Fino a tre livelli lungo il bordo sinistro.
estende GoSideBar
var tools := GoLeftSideBar.make(3)
tools.add_start(GoStyle.icon_button(GoIconSet.MENU, open_menu, -1, &"menu"))
tools.add_end(GoStyle.icon_button(GoIconSet.USER, open_profile, -1, &"profile"))
screen.add_child(tools) GoRightSideBar
Fino a tre livelli lungo il bordo destro.
estende GoSideBar
var tools := GoRightSideBar.make(3)
tools.add_start(GoStyle.icon_button(GoIconSet.SETTINGS, open_settings, -1, &"settings"))
tools.add_center(GoStyle.icon_button(GoIconSet.SEARCH, find, -1, &"search"))
screen.add_child(tools) GoSideBar
La barra laterale alla base di entrambe; mantiene il suo lato nelle lingue da destra a sinistra.
estende GoEdgeBar
var rail := GoRightSideBar.make(1, GoSideBar.Justify.CENTER)
rail.add_start(GoStyle.icon_button(GoIconSet.MAP, open_map, -1, &"map")) GoEdgeBar
Le regole comuni a tutte le barre di bordo: slot, distribuzione, ancoraggio al bordo, area sicura.
estende Container
var bar := GoTopBar.make(1)
bar.justify = GoEdgeBar.Justify.SPACE_BETWEEN
bar.pin_to_edge = GoEdgeBar.Pin.ALWAYS GoGrid
Colonne di larghezza esattamente uguale: un numero fisso o quante ne entrano.
estende Container
var cards := GoGrid.make(1, 160.0)
for item in items: cards.add_child(GoStyle.item_card(item)) GoForm
Un modulo che limita la larghezza e si tiene lontano da tastiera e HUD.
estende MarginContainer
var form := GoForm.new()
form.avoid_hud = true
form.add_child(GoScroll.new())
add_child(form) GoScroll
Scorrimento al tocco da qualsiasi punto del contenuto; gestisce la scrittura da destra a sinistra.
estende ScrollContainer
var list := GoScroll.new()
list.add_child(GoStyle.column())
var strip := GoScroll.horizontal() GoHudAnchor
Fissa i pezzi dell'HUD in uno dei nove punti dell'area sicura.
estende Control
var corner := GoHudAnchor.new()
corner.spot = GoHudAnchor.Spot.TOP_LEFT
corner.add_child(GoStyle.hud_panel()) GoStyle.column · row · wrap_row
Colonne, righe e righe che vanno a capo, con gli spazi del tema.
funzione di GoStyle
var page := GoStyle.column()
var line := GoStyle.row()
var chips := GoStyle.wrap_row() GoStyle.responsive_grid · aspect
Una griglia che aggiunge colonne allargandosi e un riquadro che mantiene le proporzioni.
funzione di GoStyle
var tiles := GoStyle.responsive_grid(160)
var thumb := GoStyle.aspect(16.0 / 9.0) GoStyle.padding · spacer · divider
Spaziatura interna, un distanziatore che occupa lo spazio avanzato, una linea divisoria.
funzione di GoStyle
var pad := GoStyle.padding(16)
line.add_child(GoStyle.spacer())
page.add_child(GoStyle.divider()) GoStyle.foldable · section
Un titolo di sezione e una sezione che si apre.
funzione di GoStyle
page.add_child(GoStyle.section("Sound", false))
var more := GoStyle.foldable("Advanced", true, null, false) Finestre e sovrapposizioni (12)
GoSurface
Una finestra fluttuante: centrata, dal basso o ancorata a un controllo.
estende Control
var window := GoSurface.new()
window.set_title("Settings")
window.close_requested.connect(window.queue_free)
layer.add_child(window) GoSheet
Un foglio dal basso con pagine, navigazione indietro e piè di pagina fisso.
estende CanvasLayer
var sheet := GoSheet.new()
add_child(sheet)
sheet.open("Inventory")
sheet.body.add_child(bag_list) GoPage
Una pagina a schermo intero con una barra di categorie (a sinistra in orizzontale, schede in alto in verticale), anteprima, indietro e sottopagine aperte al suo interno.
estende CanvasLayer
var page := GoPage.new()
add_child(page)
page.open("Settings")
page.set_tabs([{id = &"sound", label = "Sound", icon = GoIconSet.VOLUME_HIGH, badge = ""}])
page.push("About", func(box: VBoxContainer) -> void: box.add_child(GoStyle.label("Version 1.0"))) GoDialogs
Finestre di conferma e di avviso da attendere con await; gli avvisi aspettano il loro turno.
estende Node
var dialogs := GoDialogs.new()
add_child(dialogs)
if await dialogs.confirm("Delete save", "This cannot be undone.", "", "", "", {}, true):
delete_save() GoDialogs.choose
Una tra poche opzioni: foglio dal basso sul telefono, scheda sul desktop.
funzione di GoDialogs
var index := await dialogs.choose("Sort by", ["Newest", "Price", "Rating"])
if index >= 0: sort_by(index) GoDrawer
Un pannello che scivola dentro da sinistra o da destra.
estende CanvasLayer
var drawer := GoDrawer.new()
add_child(drawer)
drawer.side = GoDrawer.Side.RIGHT
drawer.open("Bag") GoPopover
Una scheda informativa accanto a ciò che è stato toccato; una alla volta.
estende RefCounted
GoPopover.open(slot, GoStyle.item_card(item, false)) GoContextMenu
Menu con pressione prolungata o clic destro; un dito che si muove lo annulla.
estende RefCounted
GoContextMenu.attach(slot, [{"text": "Use"}, {"text": "Drop", "danger": true}]) GoCoachMark
Un tour guidato che indica i controlli reali.
estende Control
var tour := GoCoachMark.new()
add_child(tour)
tour.start([{"target": bag_button, "title": "Bag", "body": "Your items live here."}]) GoConsole
Una console per sviluppatori con comandi e cronologia; spenta nelle build di rilascio.
estende CanvasLayer
var console := GoConsole.new()
add_child(console)
console.register("give", "Grant an item", give_item) GoRibbonHeader
Il nastro del titolo di una schermata, appeso sul bordo superiore della scheda, con un glifo e il disegno d'angolo dello stile.
estende Control
var header := GoRibbonHeader.make("PAUSED", GoIconSet.PAUSE)
card_column.add_child(header) GoFitBox
Tiene un'intera scheda sullo schermo, rimpicciolendola con il nastro se è troppo grande; una lista lunga scorre.
estende Container
var fit := GoFitBox.new()
fit.add_child(card) Messaggi e attesa (12)
GoSnackbar
Un messaggio in basso che si mette in coda e può avere pulsanti.
estende Node
var snack := GoSnackbar.new()
add_child(snack)
if await snack.post({"text": "Item dropped", "actions": ["Undo"]}) == 0:
restore_item() GoNotice
Un avviso che non prende mai input né focus.
estende PanelContainer
var notice := GoNotice.new()
hud.add_child(notice)
notice.show_text("Saved", GoTheme.SUCCESS) GoPromptCard
Una domanda che non ferma il gioco: un invito, uno scambio.
estende PanelContainer
var invite := GoPromptCard.new()
invite.set_title("Party invite from Ann")
invite.set_actions([{"text": "Accept", "action": accept, "primary": true}]) GoBanner
Un messaggio che resta sulla pagina finché non viene gestito.
estende PanelContainer
var offline := GoBanner.make("You're offline.", [{"text": "Retry", "action": reconnect}], GoIconSet.WARNING)
page.add_child(offline) GoSpinner
Un'attesa; trasforma sul posto un pulsante in indicatore, così non si preme due volte.
estende Control
GoSpinner.busy(buy_button, true)
await shop.buy(item)
GoSpinner.busy(buy_button, false) GoBadge
Il punto di non letto, l'etichetta NEW e il 99+, appesi a un angolo.
estende PanelContainer
GoBadge.attach(mail_button, unread)
GoBadge.attach(shop_button, 0, "NEW") GoProgress
Avanzamento a linea o ad anello, ondulato o piatto; indeterminato finché la dimensione è ignota.
estende Control
var upload := GoProgress.linear()
upload.value = 0.4
var ring := GoProgress.circular(true) GoLoadingIndicator
Il segno d'attesa Material 3 Expressive che cambia forma; fermo con reduce_motion.
estende Control
var wait := GoLoadingIndicator.new()
wait.contained = true
page.add_child(wait) GoRefresh
Tira giù l'elenco dall'alto per ricaricarlo.
estende Control
var refresh := GoRefresh.attach(feed)
refresh.refresh_requested.connect(func() -> void:
await reload_posts()
refresh.finish()) GoStyle.alert
Un messaggio in linea nel tono informazione, successo, avviso o pericolo.
funzione di GoStyle
page.add_child(GoStyle.alert("Maintenance at 3 AM", GoTheme.WARNING)) GoStyle.skeleton · empty_state
Un segnaposto durante il caricamento e un messaggio per un elenco vuoto.
funzione di GoStyle
page.add_child(GoStyle.skeleton(200))
page.add_child(GoStyle.empty_state(GoIconSet.BOX, "No items yet", false)) GoStyle.tooltip_node
Un suggerimento nello stile del tema che non spezza mai le parole.
funzione di GoStyle
func _make_custom_tooltip(text: String) -> Object:
return GoStyle.tooltip_node(text) Navigazione dell'app (13)
GoAppBar
La barra superiore dell'app; si solleva quando la pagina scorre; titoli medi e grandi.
estende PanelContainer
var bar := GoAppBar.make("Inbox", GoIconSet.MENU, open_drawer)
bar.add_action(GoIconSet.SEARCH, &"search", open_search)
bar.follow(list) GoNavBar
Da tre a cinque destinazioni in basso; una barra laterale sugli schermi larghi.
estende PanelContainer
var nav := GoNavBar.make([{"icon": GoIconSet.HOME, "text": "Home"},
{"icon": GoIconSet.BELL, "text": "Alerts", "badge": 3}], 0, show_tab)
var rail := GoNavBar.rail([{"icon": GoIconSet.HOME, "text": "Home"}]) GoNavBar.drawer_list
Righe di destinazioni a tutta larghezza per un cassetto.
funzione di GoNavBar
drawer.body.add_child(GoNavBar.drawer_list([{"icon": GoIconSet.HOME, "text": "Inbox"},
{"icon": GoIconSet.STAR, "text": "Starred"}], 0, go_to)) GoFab
L'azione principale fluttuante nell'angolo; 40–96 dp o estesa con etichetta.
estende Button
var cart := GoFab.make(GoIconSet.PLUS, "Add to cart", add_to_cart)
cart.float_in(self, nav.get_combined_minimum_size().y) GoSearchBar
Il campo di ricerca arrotondato con pulsante per cancellare e azioni in fondo.
estende PanelContainer
var search := GoSearchBar.make("Search products", find)
search.add_action(GoIconSet.FILTER, &"Filter", open_filters) GoSplitButton
Un'azione principale con le sue varianti dietro una freccia.
estende HBoxContainer
var send := GoSplitButton.make("Send", send_now, ["Send later", "Save as draft"])
send.chosen.connect(func(index: int) -> void: send_variant(index)) GoTabView
Schede su tutta la riga sopra pagine da scorrere.
estende VBoxContainer
var tabs := GoTabView.make(["Posts", "Photos", "Saved"], [posts, photos, saved])
tabs.tab_changed.connect(func(index: int) -> void: track_tab(index)) GoStyle.tabs
Una fila di schede, all'inizio o distribuita; la linea va da un bordo all'altro.
funzione di GoStyle
var row := GoStyle.tabs(["Overview", "Stats", "Gear"], 0, false, true)
row.tab_changed.connect(show_panel) GoStyle.bottom_app_bar
La barra in basso con azioni a icona e un FAB.
funzione di GoStyle
screen.set_bottom_bar(GoStyle.bottom_app_bar([{"icon": GoIconSet.SEARCH, "tooltip": &"search"},
{"icon": GoIconSet.HEART, "tooltip": &"Like"}], GoFab.make(GoIconSet.PLUS))) GoStyle.toolbar
Una pillola fluttuante di azioni a icona.
funzione di GoStyle
page.add_child(GoStyle.toolbar([{"icon": GoIconSet.EDIT, "tooltip": &"Edit", "action": edit},
{"icon": GoIconSet.TRASH, "tooltip": &"Delete", "action": delete}])) GoStyle.breadcrumb
Dove sei, come un percorso lungo cui tornare indietro.
funzione di GoStyle
page.add_child(GoStyle.breadcrumb(["Home", "Shop", "Swords"], go_to_level)) GoPagination
Pagine numerate che tengono al centro quella attuale, o una sola riga Carica altro.
estende HBoxContainer
var pages := GoPagination.make(1, 12, load_page)
page.add_child(pages) GoCarousel
Banner e selezione del personaggio che non girano da soli se non richiesto.
estende VBoxContainer
var banners := GoCarousel.new()
banners.set_pages([promo, event, pack]) Pulsanti, chip e scelte (10)
GoStyle.button
Pulsanti in sette toni: normale, principale, contornato, testo, compatto, pericolo e pericolo pieno.
funzione di GoStyle
row.add_child(GoStyle.button("Play", play, GoStyle.Tone.PRIMARY))
row.add_child(GoStyle.button("Details", open_details, GoStyle.Tone.OUTLINED))
row.add_child(GoStyle.button("Skip", skip, GoStyle.Tone.BARE)) GoStyle.glow
Solleva un pulsante pieno con un bagliore.
funzione di GoStyle
row.add_child(GoStyle.glow(GoStyle.button("Play", play, GoStyle.Tone.PRIMARY))) GoIconButton
Un pulsante solo icona: piccolo alla vista, 48 dp al tocco, con nome per i lettori di schermo.
estende Button
row.add_child(GoStyle.icon_button(GoIconSet.CLOSE, close, -1, &"close"))
var bell := GoIconButton.new()
bell.icon_name = GoIconSet.BELL GoGlyphButton
Un pulsante con un glifo accanto all'etichetta: la pillola lucida di un menu arcade.
estende Button
row.add_child(GoGlyphButton.make("Play", GoIconSet.PLAY, GoTheme.VAR_PRIMARY_BUTTON)) GoStyle.chip
Una pillola di stato o etichetta il cui testo si legge sempre.
funzione di GoStyle
row.add_child(GoStyle.chip("Rare", GoUi.color(GoTheme.INFO))) GoStyle.filter_chip · input_chip
Un chip che si attiva e disattiva, e un valore inserito con una ✕.
funzione di GoStyle
filters.add_child(GoStyle.filter_chip("In stock", false, refilter))
to.add_child(GoStyle.input_chip("Ann", remove_ann, GoIconSet.USER)) GoStyle.segmented
Esattamente una tra poche opzioni, unite in una riga.
funzione di GoStyle
page.add_child(GoStyle.segmented(["Day", "Week", "Month"], 0, show_range)) GoStyle.choice_grid
Scegli un campione — un colore, una skin — da una griglia.
funzione di GoStyle
var skins := GoStyle.choice_grid([{"color": "f6cfae", "tooltip": "Peach"},
{"color": "8d5a36", "tooltip": "Cocoa"}], 0, pick_skin) GoStyle.radio_group
Pulsanti di opzione, di cui uno è scelto.
funzione di GoStyle
page.add_child(GoStyle.radio_group(["Easy", "Normal", "Hard"], 1)) GoStyle.toggle · checkbox
Un interruttore e una casella di spunta con le loro etichette.
funzione di GoStyle
var music := GoStyle.toggle("Music", false)
var terms := GoStyle.checkbox("I agree to the terms", false) Input e selettori (14)
GoStyle.line_edit · textarea
Un campo di testo a una riga e uno a più righe.
funzione di GoStyle
var nickname := GoStyle.line_edit("Your name")
var note := GoStyle.textarea("Message", 4) GoField
Etichetta, controllo e suggerimento, con l'errore sotto il campo sbagliato.
estende VBoxContainer
var field := GoField.make("Nickname", GoStyle.line_edit(), "3–12 letters", false)
field.set_error("That name is taken") GoInputGroup
Un input e i suoi pulsanti saldati in un'unica forma.
estende HBoxContainer
var chat := GoInputGroup.make(GoStyle.line_edit("Message"), {"suffix": GoStyle.button("Send", send)}) GoCombobox
Un selettore che cerca dentro i nomi, non solo all'inizio.
estende Button
var friend := GoCombobox.make(friends, -1, "Find a friend")
friend.picked.connect(invite) GoCodeInput
Codici coupon e regalo a celle; incolla e input IME continuano a funzionare.
estende VBoxContainer
var coupon := GoCodeInput.make(12, 4)
coupon.completed.connect(redeem) GoStyle.select · dropdown
Un elenco a discesa e un pulsante che apre un menu.
funzione di GoStyle
var quality := GoStyle.select(["Low", "Medium", "High"])
var sort := GoStyle.dropdown("Sort", ["Newest", "Price"], sort_by) GoStyle.slider
Un cursore nella forma del tema.
funzione di GoStyle
var volume := GoStyle.slider(0.0, 1.0, 0.05)
volume.value_changed.connect(set_volume) GoRangeSlider
Due maniglie che non si incrociano mai: una fascia di prezzo o di livello.
estende Control
var price := GoRangeSlider.make(0.0, 500.0, 40.0, 220.0, 10.0)
price.change_ended.connect(func(low: float, high: float) -> void: refilter(low, high)) GoSlider
Un cursore dallo stile dipinto: il riempimento supera un po' la maniglia, che cresce quando è tenuta.
estende HSlider
var music := GoSlider.make(0.0, 1.0, 0.01)
music.theme_type_variation = &"GoSliderGreen" GoSwitch
Un interruttore dallo stile dipinto, con ON / OFF accanto alla manopola.
estende CheckButton
var vibration := GoSwitch.make(true)
vibration.set_texts(tr("ON"), tr("OFF")) GoDatePicker
Un mese da toccare; un intervallo di giorni con range_mode.
estende Container
var stay := GoDatePicker.make()
stay.range_mode = true
stay.range_picked.connect(func(start: Dictionary, end: Dictionary) -> void: book(start, end)) GoTimePicker
Il quadrante: prima l'ora, poi i minuti; 12 o 24 ore; Su e Giù su una casella.
estende Container
var alarm := GoTimePicker.make(7, 30, func(hour: int, minute: int) -> void: set_alarm(hour, minute))
alarm.use_24h = true GoWheelPicker
Una ruota che gira e posa un elemento sulla sua fascia.
estende Control
var amount := GoWheelPicker.make(["x1", "x5", "x10", "x50"], 0, set_amount)
row.add_child(amount) GoStepper
Passi numerati con Avanti e Indietro, in colonna o in riga.
estende VBoxContainer
var checkout := GoStepper.make([{"title": "Cart", "content": cart}, {"title": "Pay", "content": pay}])
checkout.finished.connect(place_order) Elenchi, schede e dati (8)
GoStyle.list_row · list_button
Una riga d'elenco con icona, titolo, riassunto e segno finale.
funzione di GoStyle
page.add_child(GoStyle.list_button(GoIconSet.SETTINGS, "Settings", open_settings, Color.TRANSPARENT, "", false)) GoListView
Migliaia di righe; si costruiscono solo quelle visibili.
estende GoScroll
var feed := GoListView.make(10000, 72.0, func(index: int) -> Control: return post_row(posts[index]))
feed.end_reached.connect(load_more) GoReorderList
Righe da riordinare trascinando una maniglia o con pressione prolungata.
estende Container
var queue := GoReorderList.make([intro_row, theme_row, boss_row])
queue.reordered.connect(func(from: int, to: int) -> void: songs.insert(to, songs.pop_at(from))) GoSwipeRow
Una riga da scorrere di lato per eliminare o archiviare; l'elenco scorre ancora.
estende Container
inbox.add_child(GoSwipeRow.wrap(mail_row, {"icon": GoIconSet.TRASH, "text": "Delete",
"tone": GoTheme.DANGER, "action": delete_mail})) GoTable
Intestazioni ordinabili e righe selezionabili; i numeri si ordinano come numeri.
estende VBoxContainer
var board := GoTable.make(["Name", {"text": "Score", "numeric": true}], [["Ann", 9124], ["Ben", 91240]])
board.row_selected.connect(open_profile) GoStyle.card · item_card
Una scheda e la scheda di dettaglio di un oggetto scelto.
funzione di GoStyle
var card := GoStyle.card()
card.add_child(GoStyle.label("Daily quest"))
popup.add_child(GoStyle.item_card({"title": "Rusty sword", "subtitle": "Common"})) GoStyle.avatar
Iniziali o un'immagine in un disco.
funzione di GoStyle
row.add_child(GoStyle.avatar("AK", 40)) GoStyle.label
Testo in uno dei sette ruoli tipografici, da micro a titolo.
funzione di GoStyle
page.add_child(GoStyle.label("Level 12", GoTheme.ROLE_TITLE))
page.add_child(GoStyle.label("Next level in 340 XP", GoTheme.ROLE_CAPTION, GoUi.color(GoTheme.MUTED))) HUD e forme da gioco (30)
GoBar
Barre HP, MP e XP con valore, frazione o percentuale.
estende Control
var hp := GoBar.new()
hp.label_text = "HP"
hp.set_values(320, 500) GoSlot
Uno slot rapido: icona, quantità, ricarica e scorciatoia su un'unica faccia.
estende Button
var potion := GoSlot.new()
potion.icon_name = GoIconSet.POTION
potion.quantity = 12
potion.start_cooldown(5.0) GoSlotGrid
Una griglia d'inventario; gli oggetti si trascinano tra le celle.
estende HFlowContainer
var bag := GoSlotGrid.new()
bag.set_cell(0, {"icon": GoIconSet.POTION, "quantity": 12}) GoJoystick
Uno stick virtuale: fisso, che segue il pollice o relativo.
estende Control
var pad := GoJoystick.new()
pad.mode = GoJoystick.Mode.FOLLOW
pad.moved.connect(func(direction: Vector2) -> void: player.move(direction)) GoKbd
Tasti che leggono l'assegnazione reale, così riassegnarli non rende falso il suggerimento.
estende HBoxContainer
hint.add_child(GoKbd.for_action(&"interact")) GoChoiceColumn
Una breve colonna di scelte da toccare una volta — un elenco di evocazioni; il gioco segna quante righe vuole.
estende Control
var animals := GoChoiceColumn.make(["Hen", "Cat", "Dog", "Pig", "Cow"], 4, summon)
animals.set_selected(2, true)
side_bar.add_center(animals) GoLevelCard
Una scheda di selezione livello: miniatura, titolo, sottotitolo e, secondo lo stato, un segno di spunta, un lucchetto o l'etichetta PLAY!.
estende Button
var card := GoLevelCard.make("STAGE 3", "OPPONENTS: 3", GoLevelCard.State.CURRENT)
card.pressed.connect(play_stage) GoStarRow
Una fila di stelle di valutazione: alcune accese d'oro, le altre spente — il miglior completamento di un livello o il voto di una schermata dei risultati.
estende HBoxContainer
var rating := GoStarRow.make(2)
rating.star_size = 40.0 GoKeyCluster
Quattro tasti di movimento a T rovesciata (WASD o frecce), come in una schermata dei comandi.
estende Control
var wasd := GoKeyCluster.make(["W", "A", "S", "D"])
var arrows := GoKeyCluster.make(GoKeyCluster.ARROWS) GoCoverImage
Un'immagine che riempie il suo riquadro e ritaglia l'eccesso, come object-fit: cover del CSS.
estende Control
var shot := GoCoverImage.make(preload("res://art/level_3.png"), Vector2(0.5, 0.3))
shot.custom_minimum_size = Vector2(74, 74) GoHudCard
Un pannello della fila in alto dell'HUD di partita: icona con nastro e barre, un conteggio, un orologio o un indicatore di pronto.
estende PanelContainer
var clock := GoHudCard.make(GoUi.skin().widget_art(&"stopwatch"))
clock.title = "MATCH TIME"
clock.set_clock(83.0) GoCountdown
Il conto alla rovescia: 3, 2, 1, GO! grande su un disco, ogni passo compare con un balzo.
estende Label
var count := GoCountdown.new()
count.show_step("3") GoHudButton
Un pulsante d'angolo dell'HUD: un pulsante immagine con il suo tasto su un copritasto accanto.
estende HBoxContainer
var pause := GoHudButton.make(GoUi.skin().widget_art(&"pause_button"), 52.0, "Esc")
pause.pressed.connect(func() -> void: print("pause")) GoNameplate
Una targhetta col nome sopra un personaggio in un mondo 3D, della stessa misura a ogni distanza.
estende PanelContainer
var plate := GoNameplate.make("BOT RED", Color(0.86, 0.24, 0.24))
plate.follow(camera, anchor.global_position) GoNoticeFeed
Un feed di avvisi di una riga, come un feed delle eliminazioni, che si impilano, compaiono e spariscono da soli.
estende VBoxContainer
var feed := GoNoticeFeed.new()
feed.push("RED knocked out BLUE")
feed.push("YOU knocked out GREEN", true) GoTouchButton
Un pulsante rotondo per il pollice su touch screen, con anello di ricarica, impulso quando è pronto e mira trascinando.
estende Control
var jump := GoTouchButton.make(&"btn_jump", "JUMP", 86.0)
jump.pressed_down.connect(send_jump)
var skill := GoTouchButton.make(&"btn_repulse", "REPULSE", 92.0)
skill.cooling = true
skill.cooldown = 0.4 GoSpotlight
Scurisce lo schermo attorno a un controllo e lo incornicia; l'ombra svanisce, la cornice resta.
estende Control
var spot := GoSpotlight.new()
hud.add_child(spot)
spot.follow(jump_button, true) GoEditFrame
Il contorno che un editor di layout disegna attorno a ogni elemento che il giocatore può spostare: normale, selezionato con maniglie, avviso, nascosto. Non riceve mai input.
estende Control
var frame := GoEditFrame.new()
editor.add_child(frame)
frame.circle = true
frame.state = GoEditFrame.State.SELECTED GoGestureHint
Polpastrelli fantasma che ripetono un gesto touch: due si allargano e si richiudono per insegnare il pizzico per lo zoom. Non riceve mai input.
estende Control
var hint := GoGestureHint.new()
hud.add_child(hint)
hint.position = Vector2(480, 0)
hint.size = Vector2(480, 540)
hint.play() GoTaskCard
La scheda di una lezione del tutorial: passo, titolo, cosa fare, chip che si spuntano e un suggerimento; si piega in una riga.
estende PanelContainer
var card := GoTaskCard.new()
card.caption = "TRAINING · STEP 1/12"
card.title = "MOVE"
card.body = "Move with W A S D."
card.set_parts(["W", "A", "S", "D"], [true]) GoPerfReadout
Una banda delle prestazioni sempre visibile: fps, tempo di frame, triangoli, chiamate di disegno, nodi e memoria; diventa rossa quando gli fps calano.
estende PanelContainer
var perf := GoPerfReadout.new()
perf.tier_text = "LOW (auto)"
overlay_layer.add_child(perf) GoSignalBars
Un indicatore di segnale come quello del telefono: barre che salgono da sinistra a destra, accese in verde, oro o rosso, con una lettura come «48 ms» — il ping dell'HUD di una partita.
estende PanelContainer
var ping := GoSignalBars.make(4, GoSignalBars.Tone.GOOD)
ping.set_reading(2, GoSignalBars.Tone.FAIR, "180 ms") GoRewardRow
Una riga per ciò che il giocatore ottiene progredendo: una missione o un obiettivo con barra, ricompensa e un pulsante di riscatto, una spunta o un lucchetto secondo lo stato. Altezza fissa per GoListView.
estende PanelContainer
var quest := GoRewardRow.make("Win 3 matches", GoIconSet.STAR)
quest.key = "win_3"
quest.set_progress(1, 3)
quest.set_reward(50, GoIconSet.COIN)
quest.set_claim_text("CLAIM")
quest.set_state(GoRewardRow.State.READY)
quest.claim_pressed.connect(func(id: Variant) -> void: server.claim(id)) GoFoldTab
Ripiega un pannello dell'HUD in una piccola pillola e lo riapre: una linguetta sottile con una freccia e, ripiegato, una pillola che tiene un'icona, un testo breve e un indicatore. L'host ridispone l'HUD su fold_changed.
estende Button
var tab := GoFoldTab.new()
tab.side = SIDE_LEFT
tab.icon_name = GoIconSet.USERS
tab.pill_text = "3"
tab.fold_changed.connect(func(now_folded: bool) -> void: party.visible = not now_folded) GoMapPreview
Una piccola mappa del livello: aree, collegamenti e punti di partenza; una sagoma grigia se è bloccato.
estende Control
var map := GoMapPreview.new()
map.add_rect(Vector2(0, 0), Vector2(6, 4), Color("#f2b84b"))
map.add_circle(Vector2(18, 0), 5.0, Color("#6fc3ff"))
map.add_link(Vector2(0, 0), Vector2(18, 0), 2.0, Color("#c9a26b"))
map.set_starts(PackedVector2Array([Vector2(-3, 0), Vector2(20, 0)])) GoRewardCalendar
Premi di presenza giornaliera; si può premere solo oggi.
estende VBoxContainer
var attendance := GoRewardCalendar.make(days, claimed_until)
attendance.claimed.connect(func(day: int) -> void: server.claim_day(day)) GoRadar
Il pentagono delle statistiche, con una linea tratteggiata per confrontare l'equipaggiamento.
estende Control
var stats := GoRadar.make({"STR": 0.85, "AGI": 0.5, "INT": 0.3, "VIT": 0.7, "LUK": 0.45})
stats.set_compare(with_new_sword) GoDonut
Quote come spicchi, con una legenda in parole oltre che a colori.
estende Control
var share := GoDonut.make([{"label": "Physical", "value": 620}, {"label": "Magic", "value": 340}])
card.add_child(share.legend()) GoZoomView
Pizzica, rotella o doppio tocco per ingrandire una mappa; si sposta entro i bordi.
estende Control
var map := GoZoomView.wrap(world_map, 4.0)
map.custom_minimum_size.y = 320
page.add_child(map) GoStyle.hud_panel · overlay_panel
Pannelli che fluttuano sopra il gioco, perché il testo resti leggibile su qualsiasi immagine.
funzione di GoStyle
var bars := GoStyle.hud_panel()
var pill := GoStyle.overlay_panel() Aspetto e sistema (9)
GoUi · GoThemePresets
Scegli un preset (predefinito, fantascienza, medievale, Material, bambini, fumetto o arcade); leggi colori e dimensioni dai token.
estende RefCounted
GoUi.use_preset(GoThemePresets.MATERIAL_LIGHT)
var accent := GoUi.color(GoTheme.ACCENT)
var gap := GoUi.metric(GoTheme.GAP) GoConfig
Una sola risorsa per tutte le impostazioni, che sopravvive agli aggiornamenti del componente.
estende Resource
GoUi.config.reduce_motion = true
GoUi.config.container_alpha = 1.0
GoUi.refresh() GoSkin
Le forme disegnate dal codice — chip, slot, stick, parti nuove — nel tuo stile.
estende Resource
class_name MySkin
extends GoSkin
func banner_box() -> StyleBox:
return surface_box(GoTheme.BOX_CARD) GoIconSet · GoGameIcons
Icone per nome: il set predefinito, 187 icone da gioco o i tuoi SVG.
estende Resource · RefCounted
GoUi.config.icons = GoGameIcons.icon_set()
var gear := GoUi.icons().node(GoIconSet.SETTINGS, 24) GoStyleBoxCut · GoStyleBoxBracket · GoStyleBoxMedieval
Facce smussate, a parentesi e forgiate per i tuoi pannelli.
estende StyleBox
var face := GoStyleBoxCut.new()
face.cut = 8
panel.add_theme_stylebox_override(&"panel", face) GoStyleBoxSprite · GoTextureSprite
Un PNG dipinto disegnato in nove porzioni, e il suo gemello icona per la maniglia di uno slider o un interruttore.
estende StyleBox
var plate := GoStyleBoxSprite.new()
plate.texture = preload("res://ui/painted/gloss_green.png")
plate.pixels_per_unit = 3.0
button.add_theme_stylebox_override(&"normal", plate) GoSafeArea · GoScale
Notch, barra dei gesti e tastiera; punti di interruzione in dp.
estende Control · RefCounted
var usable := GoSafeArea.usable_rect(get_viewport())
var size_class := GoScale.breakpoint_for_dp(minf(usable.size.x, usable.size.y)) # by the short side GoFeedback
Segnali sonori e vibrazione instradati al tuo audio; gohud non include suoni.
estende RefCounted
GoFeedback.sound_handler = func(cue: String) -> void: audio.play_cue(cue)
GoFeedback.haptic_handler = func(ms: int, amplitude: float) -> void: Input.vibrate_handheld(ms, amplitude) GoBackPolicy
Chi possiede ora Indietro di Android ed Esc, condiviso tra le finestre.
estende RefCounted
GoBackPolicy.acquire(get_tree())