gohud

Todos los widgets

Todos los widgets y diseños de gohud, por nombre, con un ejemplo para pegar. Cada uno toma el aspecto del preajuste activo. ← Widgets

Diseño (15)

GoScaffold

GoScaffold — Una pantalla de app ya conectada: barra, página con desplazamiento, barra inferior, FAB y cajón.

Una pantalla de app ya conectada: barra, página con desplazamiento, barra inferior, FAB y cajón.

extiende Control

var page := GoStyle.column()
var screen := GoScaffold.make("Inbox", page, true)
screen.set_fab(GoFab.make(GoIconSet.EDIT))
add_child(screen)

GoTopBar

GoTopBar — Elementos en el borde superior en una a tres ranuras; el centro queda centrado.

Elementos en el borde superior en una a tres ranuras; el centro queda centrado.

extiende 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

GoBottomBar — Elementos en el borde inferior, lejos de la barra de gestos.

Elementos en el borde inferior, lejos de la barra de gestos.

extiende 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

GoLeftSideBar — Hasta tres niveles a lo largo del borde izquierdo.

Hasta tres niveles a lo largo del borde izquierdo.

extiende 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

GoRightSideBar — Hasta tres niveles a lo largo del borde derecho.

Hasta tres niveles a lo largo del borde derecho.

extiende 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

GoSideBar — La barra lateral de ambas; conserva su lado en idiomas de derecha a izquierda.

La barra lateral de ambas; conserva su lado en idiomas de derecha a izquierda.

extiende GoEdgeBar

var rail := GoRightSideBar.make(1, GoSideBar.Justify.CENTER)
rail.add_start(GoStyle.icon_button(GoIconSet.MAP, open_map, -1, &"map"))

GoEdgeBar

GoEdgeBar — Las reglas que comparten todas las barras de borde: ranuras, reparto, anclaje al borde y área segura.

Las reglas que comparten todas las barras de borde: ranuras, reparto, anclaje al borde y área segura.

extiende Container

var bar := GoTopBar.make(1)
bar.justify = GoEdgeBar.Justify.SPACE_BETWEEN
bar.pin_to_edge = GoEdgeBar.Pin.ALWAYS

GoGrid

GoGrid — Columnas de ancho exactamente igual: un número fijo o tantas como quepan.

Columnas de ancho exactamente igual: un número fijo o tantas como quepan.

extiende Container

var cards := GoGrid.make(1, 160.0)
for item in items: cards.add_child(GoStyle.item_card(item))

GoForm

GoForm — Un formulario que limita su ancho y se aparta del teclado y del HUD.

Un formulario que limita su ancho y se aparta del teclado y del HUD.

extiende MarginContainer

var form := GoForm.new()
form.avoid_hud = true
form.add_child(GoScroll.new())
add_child(form)

GoScroll

GoScroll — Desplazamiento táctil que funciona desde cualquier parte del contenido; admite idiomas de derecha a izquierda.

Desplazamiento táctil que funciona desde cualquier parte del contenido; admite idiomas de derecha a izquierda.

extiende ScrollContainer

var list := GoScroll.new()
list.add_child(GoStyle.column())
var strip := GoScroll.horizontal()

GoHudAnchor

GoHudAnchor — Fija piezas del HUD en uno de nueve puntos del área segura.

Fija piezas del HUD en uno de nueve puntos del área segura.

extiende Control

var corner := GoHudAnchor.new()
corner.spot = GoHudAnchor.Spot.TOP_LEFT
corner.add_child(GoStyle.hud_panel())

GoStyle.column · row · wrap_row

GoStyle.column · row · wrap_row — Columnas, filas y filas que se ajustan, con espacios del tema.

Columnas, filas y filas que se ajustan, con espacios del tema.

función de GoStyle

var page := GoStyle.column()
var line := GoStyle.row()
var chips := GoStyle.wrap_row()

GoStyle.responsive_grid · aspect

GoStyle.responsive_grid · aspect — Una cuadrícula que suma columnas al ensancharse y una caja que mantiene su proporción.

Una cuadrícula que suma columnas al ensancharse y una caja que mantiene su proporción.

función de GoStyle

var tiles := GoStyle.responsive_grid(160)
var thumb := GoStyle.aspect(16.0 / 9.0)

GoStyle.padding · spacer · divider

GoStyle.padding · spacer · divider — Relleno, un espaciador que ocupa el sitio que sobra y una línea divisoria.

Relleno, un espaciador que ocupa el sitio que sobra y una línea divisoria.

función de GoStyle

var pad := GoStyle.padding(16)
line.add_child(GoStyle.spacer())
page.add_child(GoStyle.divider())

GoStyle.foldable · section

GoStyle.foldable · section — Un título de sección y una sección que se despliega.

Un título de sección y una sección que se despliega.

función de GoStyle

page.add_child(GoStyle.section("Sound", false))
var more := GoStyle.foldable("Advanced", true, null, false)

Ventanas y superposiciones (12)

GoSurface

GoSurface — Una ventana flotante: centrada, desde abajo o anclada a un control.

Una ventana flotante: centrada, desde abajo o anclada a un control.

extiende Control

var window := GoSurface.new()
window.set_title("Settings")
window.close_requested.connect(window.queue_free)
layer.add_child(window)

GoSheet

GoSheet — Una hoja inferior con páginas, navegación hacia atrás y pie fijo.

Una hoja inferior con páginas, navegación hacia atrás y pie fijo.

extiende CanvasLayer

var sheet := GoSheet.new()
add_child(sheet)
sheet.open("Inventory")
sheet.body.add_child(bag_list)

GoPage

Una página a pantalla completa con un riel de categorías (a la izquierda en horizontal, pestañas arriba en vertical), vista previa, atrás y subpáginas apiladas dentro.

extiende 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

GoDialogs — Ventanas de confirmación y aviso que se esperan con await; los avisos hacen cola.

Ventanas de confirmación y aviso que se esperan con await; los avisos hacen cola.

extiende Node

var dialogs := GoDialogs.new()
add_child(dialogs)
if await dialogs.confirm("Delete save", "This cannot be undone.", "", "", "", {}, true):
	delete_save()

GoDialogs.choose

GoDialogs.choose — Una de varias opciones: hoja inferior en el móvil, tarjeta en el escritorio.

Una de varias opciones: hoja inferior en el móvil, tarjeta en el escritorio.

función de GoDialogs

var index := await dialogs.choose("Sort by", ["Newest", "Price", "Rating"])
if index >= 0: sort_by(index)

GoDrawer

GoDrawer — Un panel que entra deslizándose por la izquierda o la derecha.

Un panel que entra deslizándose por la izquierda o la derecha.

extiende CanvasLayer

var drawer := GoDrawer.new()
add_child(drawer)
drawer.side = GoDrawer.Side.RIGHT
drawer.open("Bag")

GoPopover

GoPopover — Una tarjeta de información junto a lo que se pulsó; una a la vez.

Una tarjeta de información junto a lo que se pulsó; una a la vez.

extiende RefCounted

GoPopover.open(slot, GoStyle.item_card(item, false))

GoContextMenu

GoContextMenu — Menú con pulsación larga o clic derecho; un dedo que se mueve lo cancela.

Menú con pulsación larga o clic derecho; un dedo que se mueve lo cancela.

extiende RefCounted

GoContextMenu.attach(slot, [{"text": "Use"}, {"text": "Drop", "danger": true}])

GoCoachMark

GoCoachMark — Un recorrido guiado que señala controles reales.

Un recorrido guiado que señala controles reales.

extiende Control

var tour := GoCoachMark.new()
add_child(tour)
tour.start([{"target": bag_button, "title": "Bag", "body": "Your items live here."}])

GoConsole

GoConsole — Una consola de desarrollo con comandos e historial; desactivada en versiones publicadas.

Una consola de desarrollo con comandos e historial; desactivada en versiones publicadas.

extiende CanvasLayer

var console := GoConsole.new()
add_child(console)
console.register("give", "Grant an item", give_item)

GoRibbonHeader

La cinta de título de una pantalla, colgada sobre el borde superior de su tarjeta, con un glifo y el dibujo de esquina del estilo.

extiende Control

var header := GoRibbonHeader.make("PAUSED", GoIconSet.PAUSE)
card_column.add_child(header)

GoFitBox

Mantiene una tarjeta entera en pantalla y la encoge con su cinta si es demasiado grande; una lista larga se desplaza.

extiende Container

var fit := GoFitBox.new()
fit.add_child(card)

Mensajes y espera (12)

GoSnackbar

GoSnackbar — Un mensaje abajo que hace cola y puede llevar botones.

Un mensaje abajo que hace cola y puede llevar botones.

extiende Node

var snack := GoSnackbar.new()
add_child(snack)
if await snack.post({"text": "Item dropped", "actions": ["Undo"]}) == 0:
	restore_item()

GoNotice

GoNotice — Un aviso que nunca toma la entrada ni el foco.

Un aviso que nunca toma la entrada ni el foco.

extiende PanelContainer

var notice := GoNotice.new()
hud.add_child(notice)
notice.show_text("Saved", GoTheme.SUCCESS)

GoPromptCard

GoPromptCard — Una pregunta que no detiene el juego: una invitación, un intercambio.

Una pregunta que no detiene el juego: una invitación, un intercambio.

extiende PanelContainer

var invite := GoPromptCard.new()
invite.set_title("Party invite from Ann")
invite.set_actions([{"text": "Accept", "action": accept, "primary": true}])

GoBanner

GoBanner — Un mensaje que se queda en la página hasta que se atiende.

Un mensaje que se queda en la página hasta que se atiende.

extiende PanelContainer

var offline := GoBanner.make("You're offline.", [{"text": "Retry", "action": reconnect}], GoIconSet.WARNING)
page.add_child(offline)

GoSpinner

GoSpinner — Una espera; convierte un botón en un indicador en su sitio para que no se pulse dos veces.

Una espera; convierte un botón en un indicador en su sitio para que no se pulse dos veces.

extiende Control

GoSpinner.busy(buy_button, true)
await shop.buy(item)
GoSpinner.busy(buy_button, false)

GoBadge

GoBadge — El punto de no leído, la etiqueta NEW y el 99+, colgados de una esquina.

El punto de no leído, la etiqueta NEW y el 99+, colgados de una esquina.

extiende PanelContainer

GoBadge.attach(mail_button, unread)
GoBadge.attach(shop_button, 0, "NEW")

GoProgress

GoProgress — Progreso en línea o anillo, ondulado o plano; indeterminado mientras no se sabe el tamaño.

Progreso en línea o anillo, ondulado o plano; indeterminado mientras no se sabe el tamaño.

extiende Control

var upload := GoProgress.linear()
upload.value = 0.4
var ring := GoProgress.circular(true)

GoLoadingIndicator

GoLoadingIndicator — La marca de espera de Material 3 Expressive que cambia de forma; quieta con reduce_motion.

La marca de espera de Material 3 Expressive que cambia de forma; quieta con reduce_motion.

extiende Control

var wait := GoLoadingIndicator.new()
wait.contained = true
page.add_child(wait)

GoRefresh

GoRefresh — Tira de la lista hacia abajo desde arriba para recargarla.

Tira de la lista hacia abajo desde arriba para recargarla.

extiende Control

var refresh := GoRefresh.attach(feed)
refresh.refresh_requested.connect(func() -> void:
	await reload_posts()
	refresh.finish())

GoStyle.alert

GoStyle.alert — Un mensaje en línea en tono de información, éxito, advertencia o peligro.

Un mensaje en línea en tono de información, éxito, advertencia o peligro.

función de GoStyle

page.add_child(GoStyle.alert("Maintenance at 3 AM", GoTheme.WARNING))

GoStyle.skeleton · empty_state

GoStyle.skeleton · empty_state — Un marcador mientras carga y un mensaje para una lista vacía.

Un marcador mientras carga y un mensaje para una lista vacía.

función de GoStyle

page.add_child(GoStyle.skeleton(200))
page.add_child(GoStyle.empty_state(GoIconSet.BOX, "No items yet", false))

GoStyle.tooltip_node

GoStyle.tooltip_node — Una ayuda emergente con el estilo del tema que nunca parte las palabras.

Una ayuda emergente con el estilo del tema que nunca parte las palabras.

función de GoStyle

func _make_custom_tooltip(text: String) -> Object:
	return GoStyle.tooltip_node(text)

Botones, chips y opciones (10)

GoStyle.button

GoStyle.button — Botones en siete tonos: normal, principal, contorno, texto, compacto, peligro y peligro relleno.

Botones en siete tonos: normal, principal, contorno, texto, compacto, peligro y peligro relleno.

función de 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

GoStyle.glow — Eleva un botón relleno con un brillo.

Eleva un botón relleno con un brillo.

función de GoStyle

row.add_child(GoStyle.glow(GoStyle.button("Play", play, GoStyle.Tone.PRIMARY)))

GoIconButton

GoIconButton — Un botón solo de icono: pequeño a la vista, 48 dp al tacto, con nombre para lectores de pantalla.

Un botón solo de icono: pequeño a la vista, 48 dp al tacto, con nombre para lectores de pantalla.

extiende Button

row.add_child(GoStyle.icon_button(GoIconSet.CLOSE, close, -1, &"close"))
var bell := GoIconButton.new()
bell.icon_name = GoIconSet.BELL

GoGlyphButton

Un botón con un glifo justo al lado de la etiqueta: la píldora brillante de un menú arcade.

extiende Button

row.add_child(GoGlyphButton.make("Play", GoIconSet.PLAY, GoTheme.VAR_PRIMARY_BUTTON))

GoStyle.chip

GoStyle.chip — Una píldora de estado o etiqueta cuyo texto siempre se lee.

Una píldora de estado o etiqueta cuyo texto siempre se lee.

función de GoStyle

row.add_child(GoStyle.chip("Rare", GoUi.color(GoTheme.INFO)))

GoStyle.filter_chip · input_chip

GoStyle.filter_chip · input_chip — Un chip que se activa y desactiva, y un valor introducido con una ✕.

Un chip que se activa y desactiva, y un valor introducido con una ✕.

función de GoStyle

filters.add_child(GoStyle.filter_chip("In stock", false, refilter))
to.add_child(GoStyle.input_chip("Ann", remove_ann, GoIconSet.USER))

GoStyle.segmented

GoStyle.segmented — Exactamente una de pocas opciones, unidas en una fila.

Exactamente una de pocas opciones, unidas en una fila.

función de GoStyle

page.add_child(GoStyle.segmented(["Day", "Week", "Month"], 0, show_range))

GoStyle.choice_grid

GoStyle.choice_grid — Elige una muestra —un color, un aspecto— de una cuadrícula.

Elige una muestra —un color, un aspecto— de una cuadrícula.

función de GoStyle

var skins := GoStyle.choice_grid([{"color": "f6cfae", "tooltip": "Peach"},
	{"color": "8d5a36", "tooltip": "Cocoa"}], 0, pick_skin)

GoStyle.radio_group

GoStyle.radio_group — Botones de opción, de los que se elige uno.

Botones de opción, de los que se elige uno.

función de GoStyle

page.add_child(GoStyle.radio_group(["Easy", "Normal", "Hard"], 1))

GoStyle.toggle · checkbox

GoStyle.toggle · checkbox — Un interruptor y una casilla con sus etiquetas.

Un interruptor y una casilla con sus etiquetas.

función de GoStyle

var music := GoStyle.toggle("Music", false)
var terms := GoStyle.checkbox("I agree to the terms", false)

Entradas y selectores (14)

GoStyle.line_edit · textarea

GoStyle.line_edit · textarea — Un campo de texto de una línea y otro de varias.

Un campo de texto de una línea y otro de varias.

función de GoStyle

var nickname := GoStyle.line_edit("Your name")
var note := GoStyle.textarea("Message", 4)

GoField

GoField — Etiqueta, control y pista, con el error bajo el campo equivocado.

Etiqueta, control y pista, con el error bajo el campo equivocado.

extiende VBoxContainer

var field := GoField.make("Nickname", GoStyle.line_edit(), "3–12 letters", false)
field.set_error("That name is taken")

GoInputGroup

GoInputGroup — Una entrada y sus botones soldados en una sola forma.

Una entrada y sus botones soldados en una sola forma.

extiende HBoxContainer

var chat := GoInputGroup.make(GoStyle.line_edit("Message"), {"suffix": GoStyle.button("Send", send)})

GoCombobox

GoCombobox — Un selector que busca dentro de los nombres, no solo al principio.

Un selector que busca dentro de los nombres, no solo al principio.

extiende Button

var friend := GoCombobox.make(friends, -1, "Find a friend")
friend.picked.connect(invite)

GoCodeInput

GoCodeInput — Códigos de cupón y regalo en celdas; pegar y la escritura con IME siguen funcionando.

Códigos de cupón y regalo en celdas; pegar y la escritura con IME siguen funcionando.

extiende VBoxContainer

var coupon := GoCodeInput.make(12, 4)
coupon.completed.connect(redeem)

GoStyle.select · dropdown

GoStyle.select · dropdown — Una lista desplegable y un botón que abre un menú.

Una lista desplegable y un botón que abre un menú.

función de GoStyle

var quality := GoStyle.select(["Low", "Medium", "High"])
var sort := GoStyle.dropdown("Sort", ["Newest", "Price"], sort_by)

GoStyle.slider

GoStyle.slider — Un deslizador con la forma del tema.

Un deslizador con la forma del tema.

función de GoStyle

var volume := GoStyle.slider(0.0, 1.0, 0.05)
volume.value_changed.connect(set_volume)

GoRangeSlider

GoRangeSlider — Dos tiradores que nunca se cruzan: un rango de precio o de nivel.

Dos tiradores que nunca se cruzan: un rango de precio o de nivel.

extiende 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 deslizador con estilo pintado: el relleno pasa un poco el tirador y este crece al sostenerlo.

extiende HSlider

var music := GoSlider.make(0.0, 1.0, 0.01)
music.theme_type_variation = &"GoSliderGreen"

GoSwitch

Un interruptor con estilo pintado, con ON / OFF junto a la perilla.

extiende CheckButton

var vibration := GoSwitch.make(true)
vibration.set_texts(tr("ON"), tr("OFF"))

GoDatePicker

GoDatePicker — Un mes para tocar; un rango de días con range_mode.

Un mes para tocar; un rango de días con range_mode.

extiende Container

var stay := GoDatePicker.make()
stay.range_mode = true
stay.range_picked.connect(func(start: Dictionary, end: Dictionary) -> void: book(start, end))

GoTimePicker

GoTimePicker — La esfera del reloj: la hora y luego los minutos; 12 o 24 horas; Arriba y Abajo en una casilla.

La esfera del reloj: la hora y luego los minutos; 12 o 24 horas; Arriba y Abajo en una casilla.

extiende Container

var alarm := GoTimePicker.make(7, 30, func(hour: int, minute: int) -> void: set_alarm(hour, minute))
alarm.use_24h = true

GoWheelPicker

GoWheelPicker — Una rueda que gira y deja un elemento en su banda.

Una rueda que gira y deja un elemento en su banda.

extiende Control

var amount := GoWheelPicker.make(["x1", "x5", "x10", "x50"], 0, set_amount)
row.add_child(amount)

GoStepper

GoStepper — Pasos numerados con Siguiente y Atrás, en vertical o en fila.

Pasos numerados con Siguiente y Atrás, en vertical o en fila.

extiende VBoxContainer

var checkout := GoStepper.make([{"title": "Cart", "content": cart}, {"title": "Pay", "content": pay}])
checkout.finished.connect(place_order)

Listas, tarjetas y datos (8)

GoStyle.list_row · list_button

GoStyle.list_row · list_button — Una fila de lista con icono, título, resumen y marca final.

Una fila de lista con icono, título, resumen y marca final.

función de GoStyle

page.add_child(GoStyle.list_button(GoIconSet.SETTINGS, "Settings", open_settings, Color.TRANSPARENT, "", false))

GoListView

GoListView — Miles de filas; solo se crean las visibles.

Miles de filas; solo se crean las visibles.

extiende GoScroll

var feed := GoListView.make(10000, 72.0, func(index: int) -> Control: return post_row(posts[index]))
feed.end_reached.connect(load_more)

GoReorderList

GoReorderList — Filas que se reordenan arrastrando por un asa o con pulsación larga.

Filas que se reordenan arrastrando por un asa o con pulsación larga.

extiende 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

GoSwipeRow — Una fila que se desliza a un lado para borrar o archivar; la lista sigue desplazándose.

Una fila que se desliza a un lado para borrar o archivar; la lista sigue desplazándose.

extiende Container

inbox.add_child(GoSwipeRow.wrap(mail_row, {"icon": GoIconSet.TRASH, "text": "Delete",
	"tone": GoTheme.DANGER, "action": delete_mail}))

GoTable

GoTable — Cabeceras ordenables y filas seleccionables; los números se ordenan como números.

Cabeceras ordenables y filas seleccionables; los números se ordenan como números.

extiende VBoxContainer

var board := GoTable.make(["Name", {"text": "Score", "numeric": true}], [["Ann", 9124], ["Ben", 91240]])
board.row_selected.connect(open_profile)

GoStyle.card · item_card

GoStyle.card · item_card — Una tarjeta y la ficha de detalle de un objeto elegido.

Una tarjeta y la ficha de detalle de un objeto elegido.

función de 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

GoStyle.avatar — Iniciales o una imagen en un disco.

Iniciales o una imagen en un disco.

función de GoStyle

row.add_child(GoStyle.avatar("AK", 40))

GoStyle.label

GoStyle.label — Texto en uno de siete papeles tipográficos, de micro a título.

Texto en uno de siete papeles tipográficos, de micro a título.

función de 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 y formas de juego (30)

GoBar

GoBar — Barras de PV, PM y XP con valor, fracción o porcentaje.

Barras de PV, PM y XP con valor, fracción o porcentaje.

extiende Control

var hp := GoBar.new()
hp.label_text = "HP"
hp.set_values(320, 500)

GoSlot

GoSlot — Una ranura rápida: icono, cantidad, enfriamiento y atajo en una sola cara.

Una ranura rápida: icono, cantidad, enfriamiento y atajo en una sola cara.

extiende Button

var potion := GoSlot.new()
potion.icon_name = GoIconSet.POTION
potion.quantity = 12
potion.start_cooldown(5.0)

GoSlotGrid

GoSlotGrid — Una cuadrícula de inventario; los objetos se arrastran entre celdas.

Una cuadrícula de inventario; los objetos se arrastran entre celdas.

extiende HFlowContainer

var bag := GoSlotGrid.new()
bag.set_cell(0, {"icon": GoIconSet.POTION, "quantity": 12})

GoJoystick

GoJoystick — Un stick virtual: fijo, que sigue al pulgar o relativo.

Un stick virtual: fijo, que sigue al pulgar o relativo.

extiende Control

var pad := GoJoystick.new()
pad.mode = GoJoystick.Mode.FOLLOW
pad.moved.connect(func(direction: Vector2) -> void: player.move(direction))

GoKbd

GoKbd — Teclas que leen la asignación real, así cambiarla nunca falsea la pista.

Teclas que leen la asignación real, así cambiarla nunca falsea la pista.

extiende HBoxContainer

hint.add_child(GoKbd.for_action(&"interact"))

GoChoiceColumn

GoChoiceColumn — Una columna corta de opciones que se tocan una vez —una lista de invocación—; el juego marca las filas que quiera.

Una columna corta de opciones que se tocan una vez —una lista de invocación—; el juego marca las filas que quiera.

extiende Control

var animals := GoChoiceColumn.make(["Hen", "Cat", "Dog", "Pig", "Cow"], 4, summon)
animals.set_selected(2, true)
side_bar.add_center(animals)

GoLevelCard

Una ficha de selección de fase: miniatura, título, subtítulo y, según el estado, una marca, un candado o la etiqueta PLAY!.

extiende Button

var card := GoLevelCard.make("STAGE 3", "OPPONENTS: 3", GoLevelCard.State.CURRENT)
card.pressed.connect(play_stage)

GoStarRow

Una fila de estrellas de valoración: unas encendidas en oro, el resto apagadas; el mejor resultado de un nivel o la nota de una pantalla de resultados.

extiende HBoxContainer

var rating := GoStarRow.make(2)
rating.star_size = 40.0

GoKeyCluster

Cuatro teclas de movimiento en una T invertida (WASD o flechas), como en una pantalla de controles.

extiende Control

var wasd := GoKeyCluster.make(["W", "A", "S", "D"])
var arrows := GoKeyCluster.make(GoKeyCluster.ARROWS)

GoCoverImage

Una imagen que llena su caja y recorta lo que sobra, como object-fit: cover de CSS.

extiende 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 panel de la fila superior del HUD de partida: icono con cinta y barras, un contador, un reloj o un indicador de listo.

extiende PanelContainer

var clock := GoHudCard.make(GoUi.skin().widget_art(&"stopwatch"))
clock.title = "MATCH TIME"
clock.set_clock(83.0)

GoCountdown

La cuenta de inicio: 3, 2, 1, ¡GO! grande sobre un disco, cada paso aparece de golpe.

extiende Label

var count := GoCountdown.new()
count.show_step("3")

GoHudButton

Un botón de esquina del HUD: un botón de imagen con su tecla en una tecla dibujada al lado.

extiende HBoxContainer

var pause := GoHudButton.make(GoUi.skin().widget_art(&"pause_button"), 52.0, "Esc")
pause.pressed.connect(func() -> void: print("pause"))

GoNameplate

Una placa con el nombre sobre un personaje en un mundo 3D, del mismo tamaño a cualquier distancia.

extiende PanelContainer

var plate := GoNameplate.make("BOT RED", Color(0.86, 0.24, 0.24))
plate.follow(camera, anchor.global_position)

GoNoticeFeed

Un feed de avisos de una línea, como un feed de eliminaciones, que se apilan, aparecen y se van solos.

extiende VBoxContainer

var feed := GoNoticeFeed.new()
feed.push("RED knocked out BLUE")
feed.push("YOU knocked out GREEN", true)

GoTouchButton

Un botón redondo para el pulgar en pantallas táctiles, con anillo de recarga, pulso al estar listo y apuntado arrastrando.

extiende 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

Oscurece la pantalla alrededor de un control y lo enmarca; la sombra se desvanece y el marco queda.

extiende Control

var spot := GoSpotlight.new()
hud.add_child(spot)
spot.follow(jump_button, true)

GoEditFrame

El contorno que un editor de diseño dibuja alrededor de cada cosa que el jugador puede mover: normal, seleccionado con asas, aviso, oculto. Nunca recibe entrada.

extiende Control

var frame := GoEditFrame.new()
editor.add_child(frame)
frame.circle = true
frame.state = GoEditFrame.State.SELECTED

GoGestureHint

Yemas de dedo fantasma que repiten un gesto táctil: dos se separan y se vuelven a juntar para enseñar a pellizcar para hacer zoom. Nunca recibe entrada.

extiende Control

var hint := GoGestureHint.new()
hud.add_child(hint)
hint.position = Vector2(480, 0)
hint.size = Vector2(480, 540)
hint.play()

GoTaskCard

La tarjeta de una lección del tutorial: paso, título, qué hacer, fichas que se marcan y una pista; se pliega en una fila.

extiende 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 de rendimiento siempre visible: fps, tiempo de fotograma, triángulos, llamadas de dibujo, nodos y memoria; se pone roja al bajar los fps.

extiende PanelContainer

var perf := GoPerfReadout.new()
perf.tier_text = "LOW (auto)"
overlay_layer.add_child(perf)

GoSignalBars

Un medidor de señal como el de un móvil: barras que crecen de izquierda a derecha, encendidas en verde, oro o rojo, con una lectura como «48 ms»; el ping del HUD de una partida.

extiende PanelContainer

var ping := GoSignalBars.make(4, GoSignalBars.Tone.GOOD)
ping.set_reading(2, GoSignalBars.Tone.FAIR, "180 ms")

GoRewardRow

Una fila para lo que el jugador gana con su progreso: una misión o un logro con barra, recompensa y un botón de reclamar, una marca o un candado según el estado. Altura fija para GoListView.

extiende 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

Pliega un panel del HUD en una pequeña píldora y lo despliega: un asa fina con un chevrón y, plegado, una píldora que conserva un icono, un texto corto y un indicador. El anfitrión recoloca el HUD en fold_changed.

extiende 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

Un pequeño mapa del nivel: zonas, enlaces y puntos de inicio; una silueta gris si está bloqueado.

extiende 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

GoRewardCalendar — Recompensas de asistencia diaria; solo se puede pulsar hoy.

Recompensas de asistencia diaria; solo se puede pulsar hoy.

extiende VBoxContainer

var attendance := GoRewardCalendar.make(days, claimed_until)
attendance.claimed.connect(func(day: int) -> void: server.claim_day(day))

GoRadar

GoRadar — El pentágono de atributos, con una línea discontinua para comparar equipo.

El pentágono de atributos, con una línea discontinua para comparar equipo.

extiende 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

GoDonut — Partes como porciones, con leyenda en palabras además de color.

Partes como porciones, con leyenda en palabras además de color.

extiende Control

var share := GoDonut.make([{"label": "Physical", "value": 620}, {"label": "Magic", "value": 340}])
card.add_child(share.legend())

GoZoomView

GoZoomView — Pellizca, usa la rueda o toca dos veces para ampliar un mapa; se desplaza dentro de sus bordes.

Pellizca, usa la rueda o toca dos veces para ampliar un mapa; se desplaza dentro de sus bordes.

extiende Control

var map := GoZoomView.wrap(world_map, 4.0)
map.custom_minimum_size.y = 320
page.add_child(map)

GoStyle.hud_panel · overlay_panel

GoStyle.hud_panel · overlay_panel — Paneles que flotan sobre el juego para que el texto se lea sobre cualquier imagen.

Paneles que flotan sobre el juego para que el texto se lea sobre cualquier imagen.

función de GoStyle

var bars := GoStyle.hud_panel()
var pill := GoStyle.overlay_panel()

Apariencia y sistema (9)

GoUi · GoThemePresets

GoUi · GoThemePresets — Elige un preajuste (predeterminado, ciencia ficción, medieval, Material, infantil, cómic o arcade); lee colores y tamaños de los tokens.

Elige un preajuste (predeterminado, ciencia ficción, medieval, Material, infantil, cómic o arcade); lee colores y tamaños de los tokens.

extiende RefCounted

GoUi.use_preset(GoThemePresets.MATERIAL_LIGHT)
var accent := GoUi.color(GoTheme.ACCENT)
var gap := GoUi.metric(GoTheme.GAP)

GoConfig

Un recurso para todos los ajustes, que sobrevive a las actualizaciones del complemento.

extiende Resource

GoUi.config.reduce_motion = true
GoUi.config.container_alpha = 1.0
GoUi.refresh()

GoSkin

GoSkin — Las formas que dibuja el código —chips, ranuras, joystick, piezas nuevas— a tu estilo.

Las formas que dibuja el código —chips, ranuras, joystick, piezas nuevas— a tu estilo.

extiende Resource

class_name MySkin
extends GoSkin

func banner_box() -> StyleBox:
	return surface_box(GoTheme.BOX_CARD)

GoIconSet · GoGameIcons

GoIconSet · GoGameIcons — Iconos por nombre: el conjunto por defecto, 187 iconos de juego o tus propios SVG.

Iconos por nombre: el conjunto por defecto, 187 iconos de juego o tus propios SVG.

extiende Resource · RefCounted

GoUi.config.icons = GoGameIcons.icon_set()
var gear := GoUi.icons().node(GoIconSet.SETTINGS, 24)

GoStyleBoxCut · GoStyleBoxBracket · GoStyleBoxMedieval

GoStyleBoxCut · GoStyleBoxBracket · GoStyleBoxMedieval — Caras biseladas, con corchetes y forjadas para tus paneles.

Caras biseladas, con corchetes y forjadas para tus paneles.

extiende StyleBox

var face := GoStyleBoxCut.new()
face.cut = 8
panel.add_theme_stylebox_override(&"panel", face)

GoStyleBoxSprite · GoTextureSprite

Un PNG pintado dibujado en nueve porciones, y su gemelo de icono para el tirador de un control deslizante o un interruptor.

extiende 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

Muescas, barra de gestos y teclado; puntos de corte en dp.

extiende 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

Señales de sonido y vibración enviadas a tu propio audio; gohud no incluye sonidos.

extiende 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

Quién controla ahora Atrás de Android y Escape, compartido entre ventanas.

extiende RefCounted

GoBackPolicy.acquire(get_tree())