aodhan/storyteller-godot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Basic UI

Browse Source
This commit is contained in:
Aodhan Collins
2026-01-26 03:31:45 +00:00
parent b42521a008
commit c0e4aaeac5
5 changed files with 263 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
scenes/main.tscn
View File

@@ -1,4 +1,4 @@
[gd_scene load_steps=5 format=3 uid="uid://c8j7k6l5m4n3"]
[gd_scene load_steps=8 format=3 uid="uid://c8j7k6l5m4n3"]
[ext_resource type="Script" path="res://scripts/main.gd" id="1_main"]
[ext_resource type="Script" path="res://scripts/GameManager.gd" id="2_gm"]
@@ -6,6 +6,43 @@
[ext_resource type="Texture2D" path="res://assets/placeholder_room.svg" id="4_bg"]
[ext_resource type="PackedScene" uid="uid://combat_ui_scene" path="res://scenes/combat_ui.tscn" id="5_combat"]
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_parchment"]
bg_color = Color(0.96, 0.93, 0.86, 1)
border_width_left = 2
border_width_top = 2
border_width_right = 2
border_width_bottom = 2
border_color = Color(0.36, 0.25, 0.2, 1)
corner_radius_top_left = 5
corner_radius_top_right = 5
corner_radius_bottom_right = 5
corner_radius_bottom_left = 5
content_margin_left = 10.0
content_margin_top = 10.0
content_margin_right = 10.0
content_margin_bottom = 10.0
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_frame"]
bg_color = Color(0.1, 0.1, 0.1, 1)
border_width_left = 4
border_width_top = 4
border_width_right = 4
border_width_bottom = 4
border_color = Color(0.6, 0.5, 0.3, 1)
corner_radius_top_left = 2
corner_radius_top_right = 2
corner_radius_bottom_right = 2
corner_radius_bottom_left = 2
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_wood"]
bg_color = Color(0.27, 0.17, 0.13, 1)
border_width_top = 4
border_color = Color(0.18, 0.11, 0.08, 1)
content_margin_left = 20.0
content_margin_top = 20.0
content_margin_right = 20.0
content_margin_bottom = 20.0
[node name="Main" type="Node2D"]
script = ExtResource("1_main")
@@ -17,91 +54,123 @@ script = ExtResource("2_gm")
[node name="CombatUI" parent="UI" instance=ExtResource("5_combat")]
visible = false
[node name="MainLayout" type="HBoxContainer" parent="UI"]
[node name="MainLayout" type="VBoxContainer" parent="UI"]
anchors_preset = 15
anchor_right = 1.0
anchor_bottom = 1.0
grow_horizontal = 2
grow_vertical = 2
theme_override_constants/separation = 0
[node name="GameView" type="VBoxContainer" parent="UI/MainLayout"]
layout_mode = 2
size_flags_horizontal = 3
size_flags_stretch_ratio = 0.7
[node name="RoomImage" type="TextureRect" parent="UI/MainLayout/GameView"]
[node name="TopPanel" type="HBoxContainer" parent="UI/MainLayout"]
layout_mode = 2
size_flags_vertical = 3
size_flags_stretch_ratio = 0.7
theme_override_constants/separation = 0
[node name="NarrativePanel" type="PanelContainer" parent="UI/MainLayout/TopPanel"]
layout_mode = 2
size_flags_horizontal = 3
size_flags_stretch_ratio = 0.4
theme_override_styles/panel = SubResource("StyleBoxFlat_parchment")
[node name="VBox" type="VBoxContainer" parent="UI/MainLayout/TopPanel/NarrativePanel"]
layout_mode = 2
[node name="RoomLabel" type="Label" parent="UI/MainLayout/TopPanel/NarrativePanel/VBox"]
layout_mode = 2
theme_override_colors/font_color = Color(0.2, 0.1, 0.05, 1)
theme_override_font_sizes/font_size = 24
text = "Room Name"
horizontal_alignment = 1
[node name="HSeparator" type="HSeparator" parent="UI/MainLayout/TopPanel/NarrativePanel/VBox"]
layout_mode = 2
[node name="Log" type="RichTextLabel" parent="UI/MainLayout/TopPanel/NarrativePanel/VBox"]
layout_mode = 2
size_flags_vertical = 3
theme_override_colors/default_color = Color(0.15, 0.1, 0.05, 1)
text = "Log..."
scroll_following = true
[node name="Input" type="LineEdit" parent="UI/MainLayout/TopPanel/NarrativePanel/VBox"]
layout_mode = 2
placeholder_text = "What do you want to do?"
[node name="VisualPanel" type="PanelContainer" parent="UI/MainLayout/TopPanel"]
layout_mode = 2
size_flags_horizontal = 3
size_flags_stretch_ratio = 0.6
theme_override_styles/panel = SubResource("StyleBoxFlat_frame")
[node name="RoomImage" type="TextureRect" parent="UI/MainLayout/TopPanel/VisualPanel"]
layout_mode = 2
texture = ExtResource("4_bg")
expand_mode = 1
stretch_mode = 5
[node name="Log" type="RichTextLabel" parent="UI/MainLayout/GameView"]
[node name="ControlDeck" type="PanelContainer" parent="UI/MainLayout"]
layout_mode = 2
size_flags_vertical = 3
size_flags_stretch_ratio = 0.4
text = "Log..."
scroll_following = true
[node name="Input" type="LineEdit" parent="UI/MainLayout/GameView"]
layout_mode = 2
placeholder_text = "What do you want to do?"
[node name="Sidebar" type="VBoxContainer" parent="UI/MainLayout"]
layout_mode = 2
size_flags_horizontal = 3
size_flags_stretch_ratio = 0.3
theme_override_styles/panel = SubResource("StyleBoxFlat_wood")
[node name="StatsLabel" type="Label" parent="UI/MainLayout/Sidebar"]
[node name="HBox" type="HBoxContainer" parent="UI/MainLayout/ControlDeck"]
layout_mode = 2
text = "HP: 100/100"
horizontal_alignment = 1
alignment = 1
theme_override_constants/separation = 40
[node name="MinimapLabel" type="Label" parent="UI/MainLayout/Sidebar"]
layout_mode = 2
text = "Map"
horizontal_alignment = 1
[node name="Minimap" type="GridContainer" parent="UI/MainLayout/Sidebar"]
layout_mode = 2
size_flags_horizontal = 4
script = ExtResource("3_minimap")
[node name="RoomLabel" type="Label" parent="UI/MainLayout/Sidebar"]
layout_mode = 2
text = "Room Name"
horizontal_alignment = 1
[node name="Controls" type="VBoxContainer" parent="UI/MainLayout/Sidebar"]
layout_mode = 2
[node name="BtnNorth" type="Button" parent="UI/MainLayout/Sidebar/Controls"]
layout_mode = 2
text = "North"
[node name="HBox" type="HBoxContainer" parent="UI/MainLayout/Sidebar/Controls"]
[node name="StatsPanel" type="VBoxContainer" parent="UI/MainLayout/ControlDeck/HBox"]
layout_mode = 2
alignment = 1
[node name="BtnWest" type="Button" parent="UI/MainLayout/Sidebar/Controls/HBox"]
[node name="StatsLabel" type="Label" parent="UI/MainLayout/ControlDeck/HBox/StatsPanel"]
layout_mode = 2
text = "HP: 100/100"
[node name="MinimapPanel" type="CenterContainer" parent="UI/MainLayout/ControlDeck/HBox"]
layout_mode = 2
size_flags_horizontal = 3
[node name="Minimap" type="GridContainer" parent="UI/MainLayout/ControlDeck/HBox/MinimapPanel"]
layout_mode = 2
script = ExtResource("3_minimap")
[node name="ActionsPanel" type="VBoxContainer" parent="UI/MainLayout/ControlDeck/HBox"]
layout_mode = 2
alignment = 1
[node name="BtnNorth" type="Button" parent="UI/MainLayout/ControlDeck/HBox/ActionsPanel"]
layout_mode = 2
size_flags_horizontal = 4
text = "North"
[node name="HBox" type="HBoxContainer" parent="UI/MainLayout/ControlDeck/HBox/ActionsPanel"]
layout_mode = 2
alignment = 1
[node name="BtnWest" type="Button" parent="UI/MainLayout/ControlDeck/HBox/ActionsPanel/HBox"]
layout_mode = 2
text = "West"
[node name="BtnEast" type="Button" parent="UI/MainLayout/Sidebar/Controls/HBox"]
[node name="BtnEast" type="Button" parent="UI/MainLayout/ControlDeck/HBox/ActionsPanel/HBox"]
layout_mode = 2
text = "East"
[node name="BtnSouth" type="Button" parent="UI/MainLayout/Sidebar/Controls"]
[node name="BtnSouth" type="Button" parent="UI/MainLayout/ControlDeck/HBox/ActionsPanel"]
layout_mode = 2
size_flags_horizontal = 4
text = "South"
[node name="HSeparator" type="HSeparator" parent="UI/MainLayout/Sidebar/Controls"]
[node name="SystemPanel" type="VBoxContainer" parent="UI/MainLayout/ControlDeck/HBox"]
layout_mode = 2
alignment = 1
[node name="BtnSave" type="Button" parent="UI/MainLayout/Sidebar/Controls"]
[node name="BtnSave" type="Button" parent="UI/MainLayout/ControlDeck/HBox/SystemPanel"]
layout_mode = 2
text = "Save Game"
text = "Save"
[node name="BtnLoad" type="Button" parent="UI/MainLayout/Sidebar/Controls"]
[node name="BtnLoad" type="Button" parent="UI/MainLayout/ControlDeck/HBox/SystemPanel"]
layout_mode = 2
text = "Load Game"
text = "Load"