From a0499cf8588492a2151b3798ccc3e4ce079be7b5 Mon Sep 17 00:00:00 2001 From: MaddoScientisto Date: Sat, 15 Mar 2025 22:18:31 +0100 Subject: [PATCH] Status menu mockup --- Resources/Styles/MainMenuButtons.tres | 16 ++++- Resources/Styles/PixelStyleBoxRed.tres | 2 + .../PixelStyleBoxRed_SquareBackground.tres | 13 ++++ Scenes/HUD/HUD.tscn | 65 ++++++++++++++++--- Scenes/MainMenu.tscn | 6 +- Sprites/Portraits/Status_Cirno.png | 3 + Sprites/Portraits/Status_Cirno.png.import | 34 ++++++++++ .../MenuBackgroundSmall_Background.aseprite | 3 + Sprites/UI/MenuBackgroundSmall_Background.png | 3 + .../MenuBackgroundSmall_Background.png.import | 34 ++++++++++ 10 files changed, 166 insertions(+), 13 deletions(-) create mode 100644 Resources/Styles/PixelStyleBoxRed_SquareBackground.tres create mode 100644 Sprites/Portraits/Status_Cirno.png create mode 100644 Sprites/Portraits/Status_Cirno.png.import create mode 100644 Sprites/UI/MenuBackgroundSmall_Background.aseprite create mode 100644 Sprites/UI/MenuBackgroundSmall_Background.png create mode 100644 Sprites/UI/MenuBackgroundSmall_Background.png.import diff --git a/Resources/Styles/MainMenuButtons.tres b/Resources/Styles/MainMenuButtons.tres index 2af28629..8559fb06 100644 --- a/Resources/Styles/MainMenuButtons.tres +++ b/Resources/Styles/MainMenuButtons.tres @@ -1,8 +1,9 @@ -[gd_resource type="Theme" load_steps=7 format=3 uid="uid://dnsadvmunm76k"] +[gd_resource type="Theme" load_steps=8 format=3 uid="uid://dnsadvmunm76k"] [ext_resource type="FontFile" uid="uid://coek1e2q257pq" path="res://fonts/at01.ttf" id="1_dp7be"] [ext_resource type="StyleBox" uid="uid://ctw2hju32l3rg" path="res://Resources/Styles/PixelStyleBoxRed.tres" id="2_wf67a"] [ext_resource type="Texture2D" uid="uid://57jo25mrp028" path="res://Sprites/UI/Checkbox.png" id="3_xfr2l"] +[ext_resource type="StyleBox" uid="uid://24hh6h4juk3r" path="res://Resources/Styles/PixelStyleBoxRed_SquareBackground.tres" id="4_jpso0"] [sub_resource type="AtlasTexture" id="AtlasTexture_jpso0"] atlas = ExtResource("3_xfr2l") @@ -46,3 +47,16 @@ Button/styles/pressed = ExtResource("2_wf67a") CheckBox/icons/checked = SubResource("AtlasTexture_jpso0") CheckBox/icons/unchecked = SubResource("AtlasTexture_0p6en") CheckBox/icons/unchecked_disabled = SubResource("AtlasTexture_xfr2l") +TabContainer/colors/font_disabled_color = Color(0, 0.188235, 0, 1) +TabContainer/colors/font_hovered_color = Color(0, 0.698039, 0, 1) +TabContainer/colors/font_selected_color = Color(0, 0.737255, 0, 1) +TabContainer/colors/font_unselected_color = Color(0, 0.501961, 0, 1) +TabContainer/font_sizes/font_size = 16 +TabContainer/fonts/font = ExtResource("1_dp7be") +TabContainer/styles/panel = null +TabContainer/styles/tab_disabled = null +TabContainer/styles/tab_focus = ExtResource("4_jpso0") +TabContainer/styles/tab_hovered = ExtResource("4_jpso0") +TabContainer/styles/tab_selected = ExtResource("4_jpso0") +TabContainer/styles/tab_unselected = ExtResource("4_jpso0") +TabContainer/styles/tabbar_background = null diff --git a/Resources/Styles/PixelStyleBoxRed.tres b/Resources/Styles/PixelStyleBoxRed.tres index d362a0ff..348ec8ad 100644 --- a/Resources/Styles/PixelStyleBoxRed.tres +++ b/Resources/Styles/PixelStyleBoxRed.tres @@ -8,4 +8,6 @@ texture_margin_left = 4.0 texture_margin_top = 4.0 texture_margin_right = 4.0 texture_margin_bottom = 4.0 +axis_stretch_horizontal = 2 +axis_stretch_vertical = 2 modulate_color = Color(1, 1, 1, 0.847059) diff --git a/Resources/Styles/PixelStyleBoxRed_SquareBackground.tres b/Resources/Styles/PixelStyleBoxRed_SquareBackground.tres new file mode 100644 index 00000000..bda847dd --- /dev/null +++ b/Resources/Styles/PixelStyleBoxRed_SquareBackground.tres @@ -0,0 +1,13 @@ +[gd_resource type="StyleBoxTexture" load_steps=2 format=3 uid="uid://24hh6h4juk3r"] + +[ext_resource type="Texture2D" uid="uid://ckarvvr5ec1al" path="res://Sprites/UI/MenuBackgroundSmall_Background.png" id="1_rgwwh"] + +[resource] +texture = ExtResource("1_rgwwh") +texture_margin_left = 4.0 +texture_margin_top = 4.0 +texture_margin_right = 4.0 +texture_margin_bottom = 4.0 +axis_stretch_horizontal = 2 +axis_stretch_vertical = 2 +modulate_color = Color(1, 1, 1, 0.847059) diff --git a/Scenes/HUD/HUD.tscn b/Scenes/HUD/HUD.tscn index 159e2189..e8c4128e 100644 --- a/Scenes/HUD/HUD.tscn +++ b/Scenes/HUD/HUD.tscn @@ -1,4 +1,4 @@ -[gd_scene load_steps=25 format=3 uid="uid://dkwi1hu1bixoe"] +[gd_scene load_steps=27 format=3 uid="uid://dkwi1hu1bixoe"] [ext_resource type="Script" uid="uid://baf6pxbvhqmjk" path="res://Scripts/Hud.cs" id="1_m0hb0"] [ext_resource type="FontFile" uid="uid://ccm3u37q1hvux" path="res://fonts/Xolonium-Regular.ttf" id="2_0xmx2"] @@ -11,9 +11,10 @@ [ext_resource type="PackedScene" uid="uid://bwlstkdibs7oc" path="res://Scenes/HUD/BossHud.tscn" id="5_vmict"] [ext_resource type="FontFile" uid="uid://coek1e2q257pq" path="res://fonts/at01.ttf" id="6_sk1eq"] [ext_resource type="Theme" uid="uid://dnsadvmunm76k" path="res://Resources/Styles/MainMenuButtons.tres" id="9_sx5r0"] -[ext_resource type="StyleBox" uid="uid://ctw2hju32l3rg" path="res://Resources/Styles/PixelStyleBoxRed.tres" id="10_f3h51"] [ext_resource type="Script" uid="uid://bobo5f4ud60qw" path="res://Scripts/UI/ItemsMenu.cs" id="10_oflr6"] [ext_resource type="Script" uid="uid://com5b4ffsmj7s" path="res://Scripts/UI/InventoryMenu.cs" id="11_7pulb"] +[ext_resource type="StyleBox" uid="uid://24hh6h4juk3r" path="res://Resources/Styles/PixelStyleBoxRed_SquareBackground.tres" id="13_sjdna"] +[ext_resource type="Texture2D" uid="uid://d4lqqgx8yvp5" path="res://Sprites/Portraits/Status_Cirno.png" id="15_bkqle"] [ext_resource type="Script" uid="uid://cwd3sksjqpuy3" path="res://Scripts/Utils/FpsCounterLabel.cs" id="15_x61tu"] [sub_resource type="LabelSettings" id="LabelSettings_a7f6n"] @@ -69,6 +70,9 @@ anti_aliasing = false bg_color = Color(0.338981, 0.507716, 0.996646, 1) anti_aliasing = false +[sub_resource type="LabelSettings" id="LabelSettings_bkqle"] +font_color = Color(0, 0.737255, 0.113725, 1) + [node name="HUD" type="CanvasLayer" node_paths=PackedStringArray("_healthLabel", "_healthBar", "_shieldLabel", "_shieldBar", "_itemsContainer", "_gameOverPanel", "PauseMenuContainer", "DebugMenuHolder")] process_mode = 3 script = ExtResource("1_m0hb0") @@ -195,12 +199,12 @@ offset_right = 226.0 offset_bottom = 144.0 [node name="InventoryMenu" type="TabContainer" parent="."] -visible = false offset_left = 16.0 offset_top = 9.0 offset_right = 305.0 offset_bottom = 153.0 mouse_filter = 2 +theme = ExtResource("9_sx5r0") theme_override_fonts/font = ExtResource("6_sk1eq") current_tab = 0 script = ExtResource("11_7pulb") @@ -209,7 +213,7 @@ metadata/_edit_group_ = true [node name="Weapons" type="ItemList" parent="InventoryMenu"] layout_mode = 2 theme = ExtResource("9_sx5r0") -theme_override_styles/panel = ExtResource("10_f3h51") +theme_override_styles/panel = ExtResource("13_sjdna") allow_search = false max_columns = 3 same_column_width = true @@ -221,7 +225,7 @@ metadata/_tab_index = 0 visible = false layout_mode = 2 theme = ExtResource("9_sx5r0") -theme_override_styles/panel = ExtResource("10_f3h51") +theme_override_styles/panel = ExtResource("13_sjdna") allow_search = false max_columns = 3 same_column_width = true @@ -233,7 +237,7 @@ metadata/_tab_index = 1 visible = false layout_mode = 2 theme = ExtResource("9_sx5r0") -theme_override_styles/panel = ExtResource("10_f3h51") +theme_override_styles/panel = ExtResource("13_sjdna") allow_search = false max_columns = 3 same_column_width = true @@ -245,7 +249,7 @@ metadata/_tab_index = 2 visible = false layout_mode = 2 theme = ExtResource("9_sx5r0") -theme_override_styles/panel = ExtResource("10_f3h51") +theme_override_styles/panel = ExtResource("13_sjdna") allow_search = false max_columns = 3 same_column_width = true @@ -256,13 +260,56 @@ metadata/_tab_index = 3 [node name="Status" type="PanelContainer" parent="InventoryMenu"] visible = false layout_mode = 2 +theme = ExtResource("9_sx5r0") +theme_override_styles/panel = ExtResource("13_sjdna") metadata/_tab_index = 4 -[node name="Label" type="Label" parent="InventoryMenu/Status"] +[node name="HBoxContainer" type="HBoxContainer" parent="InventoryMenu/Status"] +layout_mode = 2 +alignment = 1 + +[node name="VBoxContainer2" type="VBoxContainer" parent="InventoryMenu/Status/HBoxContainer"] +layout_mode = 2 +alignment = 1 + +[node name="Button" type="Button" parent="InventoryMenu/Status/HBoxContainer/VBoxContainer2"] +layout_mode = 2 +text = "9 Gun" + +[node name="VBoxContainer" type="VBoxContainer" parent="InventoryMenu/Status/HBoxContainer"] +custom_minimum_size = Vector2(96, 0) +layout_mode = 2 +size_flags_horizontal = 4 +size_flags_vertical = 3 + +[node name="Label" type="Label" parent="InventoryMenu/Status/HBoxContainer/VBoxContainer"] layout_mode = 2 size_flags_horizontal = 4 size_flags_vertical = 0 -text = "Status" +text = "Cirno" +label_settings = SubResource("LabelSettings_bkqle") + +[node name="TextureRect" type="TextureRect" parent="InventoryMenu/Status/HBoxContainer/VBoxContainer"] +layout_mode = 2 +size_flags_vertical = 3 +texture = ExtResource("15_bkqle") +expand_mode = 1 +stretch_mode = 3 + +[node name="VBoxContainer3" type="VBoxContainer" parent="InventoryMenu/Status/HBoxContainer"] +layout_mode = 2 +size_flags_horizontal = 0 +alignment = 1 + +[node name="Button" type="Button" parent="InventoryMenu/Status/HBoxContainer/VBoxContainer3"] +layout_mode = 2 +text = "Plasma +Shield" + +[node name="Button2" type="Button" parent="InventoryMenu/Status/HBoxContainer/VBoxContainer3"] +layout_mode = 2 +text = "Fission +Battery" [node name="FPS" type="Label" parent="."] z_index = 10 diff --git a/Scenes/MainMenu.tscn b/Scenes/MainMenu.tscn index 24e0dd49..cd58e9c1 100644 --- a/Scenes/MainMenu.tscn +++ b/Scenes/MainMenu.tscn @@ -20,9 +20,9 @@ [ext_resource type="Resource" uid="uid://byo74ews118nl" path="res://Resources/Music/No_Reason.tres" id="13_fh7cp"] [ext_resource type="FontFile" uid="uid://cyk27h5aox1n7" path="res://fonts/sector_034.ttf" id="14_yxkem"] -[sub_resource type="AtlasTexture" id="AtlasTexture_quqih"] +[sub_resource type="AtlasTexture" id="AtlasTexture_ljnfb"] atlas = ExtResource("9_riqfo") -region = Rect2(576, 0, 32, 16) +region = Rect2(128, 0, 32, 16) [sub_resource type="Theme" id="Theme_c7h4d"] @@ -67,7 +67,7 @@ offset_top = 40.995 offset_right = 186.42 offset_bottom = 56.995 rotation = 3.14159 -texture = SubResource("AtlasTexture_quqih") +texture = SubResource("AtlasTexture_ljnfb") [node name="MarginContainer" type="MarginContainer" parent="."] anchors_preset = 15 diff --git a/Sprites/Portraits/Status_Cirno.png b/Sprites/Portraits/Status_Cirno.png new file mode 100644 index 00000000..8140cdcc --- /dev/null +++ b/Sprites/Portraits/Status_Cirno.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a44444650a5a1b524537ab1f2a80d0f8d73089c8a937ec83cd2eb54d9a5204e2 +size 1019 diff --git a/Sprites/Portraits/Status_Cirno.png.import b/Sprites/Portraits/Status_Cirno.png.import new file mode 100644 index 00000000..731a662a --- /dev/null +++ b/Sprites/Portraits/Status_Cirno.png.import @@ -0,0 +1,34 @@ +[remap] + +importer="texture" +type="CompressedTexture2D" +uid="uid://d4lqqgx8yvp5" +path="res://.godot/imported/Status_Cirno.png-0752bc58a94ec23b7f0d9e568699b85f.ctex" +metadata={ +"vram_texture": false +} + +[deps] + +source_file="res://Sprites/Portraits/Status_Cirno.png" +dest_files=["res://.godot/imported/Status_Cirno.png-0752bc58a94ec23b7f0d9e568699b85f.ctex"] + +[params] + +compress/mode=0 +compress/high_quality=false +compress/lossy_quality=0.7 +compress/hdr_compression=1 +compress/normal_map=0 +compress/channel_pack=0 +mipmaps/generate=false +mipmaps/limit=-1 +roughness/mode=0 +roughness/src_normal="" +process/fix_alpha_border=true +process/premult_alpha=false +process/normal_map_invert_y=false +process/hdr_as_srgb=false +process/hdr_clamp_exposure=false +process/size_limit=0 +detect_3d/compress_to=1 diff --git a/Sprites/UI/MenuBackgroundSmall_Background.aseprite b/Sprites/UI/MenuBackgroundSmall_Background.aseprite new file mode 100644 index 00000000..e974ee79 --- /dev/null +++ b/Sprites/UI/MenuBackgroundSmall_Background.aseprite @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:be71ba958aaa661929cc5c6c642d6b1deea41d79d9f40ae5c5be35ab576cae7b +size 733 diff --git a/Sprites/UI/MenuBackgroundSmall_Background.png b/Sprites/UI/MenuBackgroundSmall_Background.png new file mode 100644 index 00000000..cbb28971 --- /dev/null +++ b/Sprites/UI/MenuBackgroundSmall_Background.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6139c7c40cf45b310608b11aba624d682ae0088fec29115121c445f71aa5ab2f +size 190 diff --git a/Sprites/UI/MenuBackgroundSmall_Background.png.import b/Sprites/UI/MenuBackgroundSmall_Background.png.import new file mode 100644 index 00000000..f0106e6e --- /dev/null +++ b/Sprites/UI/MenuBackgroundSmall_Background.png.import @@ -0,0 +1,34 @@ +[remap] + +importer="texture" +type="CompressedTexture2D" +uid="uid://ckarvvr5ec1al" +path="res://.godot/imported/MenuBackgroundSmall_Background.png-c0e3e9a35e917d4cafb491e60380426d.ctex" +metadata={ +"vram_texture": false +} + +[deps] + +source_file="res://Sprites/UI/MenuBackgroundSmall_Background.png" +dest_files=["res://.godot/imported/MenuBackgroundSmall_Background.png-c0e3e9a35e917d4cafb491e60380426d.ctex"] + +[params] + +compress/mode=0 +compress/high_quality=false +compress/lossy_quality=0.7 +compress/hdr_compression=1 +compress/normal_map=0 +compress/channel_pack=0 +mipmaps/generate=false +mipmaps/limit=-1 +roughness/mode=0 +roughness/src_normal="" +process/fix_alpha_border=true +process/premult_alpha=false +process/normal_map_invert_y=false +process/hdr_as_srgb=false +process/hdr_clamp_exposure=false +process/size_limit=0 +detect_3d/compress_to=1