メニュー
Build user interfaces in Godot using Control nodes. Use this skill when creating menus, HUDs, buttons, layouts, themes, input fields, pause screens, or any UI element for 2D or 3D games.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Develop 2D games in Godot including sprites, tilemaps, cameras, lighting, and parallax backgrounds. Use this skill when building 2D platformers, top-down games, implementing tilemap-based levels, 2D camera systems, day/night cycles, or any 2D-specific game feature.
Develop 3D games in Godot including meshes, lighting, cameras, environments, and 3D model importing. Use this skill when building 3D scenes, setting up lighting rigs, configuring cameras, importing glTF/FBX models, implementing 3D character controllers, or working with the 3D rendering pipeline.
Create and manage animations in Godot using AnimationPlayer, AnimationTree, Tween, and AnimatedSprite2D. Use this skill when building character animations, UI transitions, sprite frame animations, tween-based effects, or animation state machines.
Implement audio in Godot including sound effects, music playback, audio buses, and 3D spatial audio. Use this skill when setting up audio players, managing audio buses, creating music systems with crossfade, pooling audio sources, or adding positional audio to 2D/3D scenes.
Export and deploy Godot projects to Windows, Linux, macOS, Android, iOS, and Web platforms. Use this skill when configuring export presets, setting up CI/CD pipelines, preparing release builds, optimizing for target platforms, or distributing games to Steam, itch.io, or mobile stores.
Write, debug, and optimize GDScript code for Godot Engine 4.x. Use this skill when creating scripts, fixing GDScript errors, connecting signals, configuring export variables, setting up node references, or implementing character movement and game logic in GDScript.
| name | ui-system |
| description | Build user interfaces in Godot using Control nodes. Use this skill when creating menus, HUDs, buttons, layouts, themes, input fields, pause screens, or any UI element for 2D or 3D games. |
| metadata | {"author":"godot-dev","version":"1.0"} |
# HBoxContainer - Horizontal layout
# VBoxContainer - Vertical layout
# GridContainer - Grid layout
# MarginContainer - Adds margins
# CenterContainer - Centers children
# TabContainer - Tabbed interface
extends VBoxContainer
func _ready():
add_theme_constant_override("separation", 10)
extends Label
func _ready():
text = "Score: 0"
horizontal_alignment = HORIZONTAL_ALIGNMENT_CENTER
add_theme_font_size_override("font_size", 24)
extends Button
signal play_pressed()
func _ready():
text = "Play"
pressed.connect(_on_pressed)
disabled = false
func _on_pressed():
play_pressed.emit()
extends ProgressBar
@onready var player = $Player
func _ready():
min_value = 0
max_value = 100
value = player.health
show_percentage = false
func update_health(new_health: int):
value = new_health
extends LineEdit
signal name_submitted(new_name: String)
func _ready():
placeholder_text = "Enter name..."
text_submitted.connect(_on_text_submitted)
func _on_text_submitted(new_text: String):
name_submitted.emit(new_text)
clear()
extends TextureRect
func _ready():
texture = preload("res://assets/icon.png")
expand_mode = TextureRect.EXPAND_IGNORE_SIZE
stretch_mode = TextureRect.STRETCH_KEEP_ASPECT_CENTERED
extends CanvasLayer
@onready var health_bar = $HealthBar
@onready var score_label = $ScoreLabel
func update_score(score: int):
score_label.text = "Score: %d" % score
func _ready():
var theme = preload("res://themes/game_theme.tres")
set_theme(theme)
func style_button(button: Button):
button.add_theme_font_size_override("font_size", 20)
button.add_theme_color_override("font_color", Color.WHITE)
button.add_theme_stylebox_override("normal", create_stylebox())
# Anchor presets:
# 0,0 = Top-left
# 0.5,0.5 = Center
# 1,1 = Bottom-right
func center_control(control: Control):
control.set_anchors_preset(Control.PRESET_CENTER)
control.offset_left = -50
control.offset_top = -25
control.offset_right = 50
control.offset_bottom = 25
extends Control
func _ready():
set_anchors_preset(Control.PRESET_FULL_RECT)
# Or specific margins
anchor_left = 0.1
anchor_top = 0.1
anchor_right = 0.9
anchor_bottom = 0.9
extends Control
func _input(event):
if event is InputEventKey:
if event.pressed and event.keycode == KEY_ESCAPE:
toggle_pause_menu()
func _gui_input(event):
if event is InputEventMouseButton:
if event.button_index == MOUSE_BUTTON_LEFT and event.pressed:
handle_click()
extends Control
@onready var animation_player = $AnimationPlayer
func show_menu():
visible = true
animation_player.play("fade_in")
func hide_menu():
animation_player.play("fade_out")
await animation_player.animation_finished
visible = false
extends CanvasLayer
func _ready():
process_mode = Node.PROCESS_MODE_WHEN_PAUSED
visible = false
func _input(event):
if event.is_action_pressed("pause"):
toggle_pause()
func toggle_pause():
get_tree().paused = !get_tree().paused
visible = get_tree().paused
extends CanvasLayer
@onready var score_label = $ScoreLabel
@onready var health_bar = $HealthBar
func _on_score_changed(new_score: int):
score_label.text = str(new_score)
func _on_health_changed(new_health: int):
health_bar.value = new_health