Changed main menu button style

This commit is contained in:
Kristofers Solo 2021-11-14 16:11:10 +02:00
parent bf88daafe5
commit fb73e1f74e
9 changed files with 221 additions and 49 deletions

View File

Before

Width:  |  Height:  |  Size: 920 B

After

Width:  |  Height:  |  Size: 920 B

View File

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="45"
height="45"
viewBox="0 0 45 45"
version="1.1"
id="svg12"
sodipodi:docname="menu_button_hover.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview14"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
showgrid="false"
inkscape:zoom="7"
inkscape:cx="-5.5"
inkscape:cy="35.5"
inkscape:window-width="1920"
inkscape:window-height="1007"
inkscape:window-x="1920"
inkscape:window-y="44"
inkscape:window-maximized="1"
inkscape:current-layer="trinity_site_input_button_3_1" />
<defs
id="defs5">
<clipPath
id="clip-trinity_site_input_button_3_1">
<rect
width="45"
height="45"
id="rect2" />
</clipPath>
</defs>
<g
id="trinity_site_input_button_3_1"
data-name="trinity_site_input_button_3 1"
clip-path="url(#clip-trinity_site_input_button_3_1)">
<path
id="Rectangle_143"
data-name="Rectangle 143"
d="M0,0H45a0,0,0,0,1,0,0V30A15,15,0,0,1,30,45H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z"
fill="#1c142d" />
<g
id="g834"
style="fill:#b3b3b3;fill-opacity:1">
<rect
id="Rectangle_144"
data-name="Rectangle 144"
width="19"
height="3"
transform="translate(13 16)"
fill="#fff"
style="fill:#b3b3b3;fill-opacity:1" />
<rect
id="Rectangle_146"
data-name="Rectangle 146"
width="19"
height="3"
transform="translate(13 21)"
fill="#fff"
style="fill:#b3b3b3;fill-opacity:1" />
<rect
id="Rectangle_147"
data-name="Rectangle 147"
width="19"
height="3"
transform="translate(13 26)"
fill="#fff"
style="fill:#b3b3b3;fill-opacity:1" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -0,0 +1,101 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="45"
height="45"
viewBox="0 0 45 45"
version="1.1"
id="svg12"
sodipodi:docname="menu_button_pressed.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview14"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
showgrid="false"
inkscape:zoom="14"
inkscape:cx="22.464286"
inkscape:cy="22.464286"
inkscape:window-width="1920"
inkscape:window-height="1007"
inkscape:window-x="1920"
inkscape:window-y="44"
inkscape:window-maximized="1"
inkscape:current-layer="trinity_site_input_button_3_1" />
<defs
id="defs5">
<clipPath
id="clip-trinity_site_input_button_3_1">
<rect
width="45"
height="45"
id="rect2" />
</clipPath>
</defs>
<g
id="trinity_site_input_button_3_1"
data-name="trinity_site_input_button_3 1"
clip-path="url(#clip-trinity_site_input_button_3_1)">
<path
id="Rectangle_143"
data-name="Rectangle 143"
d="M0,0H45a0,0,0,0,1,0,0V30A15,15,0,0,1,30,45H0a0,0,0,0,1,0,0V0A0,0,0,0,1,0,0Z"
fill="#1c142d" />
<rect
id="Rectangle_144"
data-name="Rectangle 144"
width="19"
height="3"
transform="translate(13 16)"
fill="#fff" />
<rect
id="Rectangle_146"
data-name="Rectangle 146"
width="19"
height="3"
transform="translate(13,21)"
fill="#ffffff"
x="0"
y="0" />
<rect
id="Rectangle_147"
data-name="Rectangle 147"
width="19"
height="3"
transform="translate(13 26)"
fill="#fff" />
<rect
id="rect933"
data-name="Rectangle 144"
width="19"
height="3"
transform="translate(13 16)"
fill="#fff"
style="stroke:none;stroke-opacity:1;fill:#999999;fill-opacity:1" />
<rect
id="rect935"
data-name="Rectangle 146"
width="19"
height="3"
transform="translate(13,21)"
fill="#ffffff"
x="0"
y="0"
style="stroke:none;stroke-opacity:1;fill:#999999;fill-opacity:1" />
<rect
id="rect937"
data-name="Rectangle 147"
width="19"
height="3"
transform="translate(13 26)"
fill="#fff"
style="stroke:none;stroke-opacity:1;fill:#999999;fill-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -193,13 +193,8 @@ __meta__ = {
} }
[node name="menu_button" parent="controls" instance=ExtResource( 13 )] [node name="menu_button" parent="controls" instance=ExtResource( 13 )]
anchor_left = 1.0 margin_right = 50.0
anchor_right = 1.0 margin_bottom = 50.0
margin_left = -70.0
margin_top = 20.0
margin_right = -20.0
margin_bottom = 70.0
focus_mode = 0
[node name="Line" type="Button" parent="controls"] [node name="Line" type="Button" parent="controls"]
anchor_left = 0.018 anchor_left = 0.018

View File

@ -50,8 +50,8 @@ margin_left = -150.0
margin_top = -36.0 margin_top = -36.0
margin_right = 150.0 margin_right = 150.0
margin_bottom = 36.0 margin_bottom = 36.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = ExtResource( 5 ) custom_fonts/font = ExtResource( 5 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "PLAY" text = "PLAY"
align = 1 align = 1
valign = 1 valign = 1
@ -75,8 +75,8 @@ margin_left = -98.8223
margin_top = -36.0 margin_top = -36.0
margin_right = 134.178 margin_right = 134.178
margin_bottom = 36.0 margin_bottom = 36.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = ExtResource( 5 ) custom_fonts/font = ExtResource( 5 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "LAN Party" text = "LAN Party"
align = 1 align = 1
valign = 1 valign = 1
@ -107,8 +107,8 @@ margin_left = -150.0
margin_top = -36.0 margin_top = -36.0
margin_right = 150.0 margin_right = 150.0
margin_bottom = 36.0 margin_bottom = 36.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = ExtResource( 5 ) custom_fonts/font = ExtResource( 5 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "EXIT" text = "EXIT"
align = 1 align = 1
valign = 1 valign = 1

View File

@ -21,16 +21,16 @@ use_mipmaps = true
use_filter = true use_filter = true
font_data = ExtResource( 2 ) font_data = ExtResource( 2 )
[sub_resource type="StyleBoxEmpty" id=2]
[sub_resource type="StyleBoxEmpty" id=3]
[sub_resource type="DynamicFont" id=4] [sub_resource type="DynamicFont" id=4]
size = 36 size = 36
use_mipmaps = true use_mipmaps = true
use_filter = true use_filter = true
font_data = ExtResource( 2 ) font_data = ExtResource( 2 )
[sub_resource type="StyleBoxEmpty" id=2]
[sub_resource type="StyleBoxEmpty" id=3]
[sub_resource type="DynamicFont" id=5] [sub_resource type="DynamicFont" id=5]
size = 36 size = 36
use_mipmaps = true use_mipmaps = true
@ -91,8 +91,8 @@ margin_left = -150.0
margin_top = -36.0 margin_top = -36.0
margin_right = 150.0 margin_right = 150.0
margin_bottom = 36.0 margin_bottom = 36.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = ExtResource( 8 ) custom_fonts/font = ExtResource( 8 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "CREATE SERVER" text = "CREATE SERVER"
align = 1 align = 1
valign = 1 valign = 1
@ -115,8 +115,8 @@ anchor_bottom = 0.5
margin_left = -233.0 margin_left = -233.0
margin_top = -36.0 margin_top = -36.0
margin_bottom = 36.0 margin_bottom = 36.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = ExtResource( 8 ) custom_fonts/font = ExtResource( 8 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "JOIN SERVER" text = "JOIN SERVER"
align = 1 align = 1
valign = 1 valign = 1
@ -147,8 +147,8 @@ margin_left = -150.0
margin_top = -36.0 margin_top = -36.0
margin_right = 150.0 margin_right = 150.0
margin_bottom = 36.0 margin_bottom = 36.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = ExtResource( 8 ) custom_fonts/font = ExtResource( 8 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "RETURN" text = "RETURN"
align = 1 align = 1
valign = 1 valign = 1
@ -178,8 +178,8 @@ margin_left = -225.0
margin_top = -25.0 margin_top = -25.0
margin_right = -225.0 margin_right = -225.0
margin_bottom = -25.0 margin_bottom = -25.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = SubResource( 1 ) custom_fonts/font = SubResource( 1 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "Enter your username" text = "Enter your username"
align = 1 align = 1
valign = 1 valign = 1
@ -210,10 +210,10 @@ margin_left = -175.0
margin_top = -28.0 margin_top = -28.0
margin_right = 175.0 margin_right = 175.0
margin_bottom = 28.0 margin_bottom = 28.0
custom_colors/selection_color = Color( 0.8, 0.8, 0.8, 1 )
custom_fonts/font = SubResource( 4 )
custom_styles/focus = SubResource( 2 ) custom_styles/focus = SubResource( 2 )
custom_styles/normal = SubResource( 3 ) custom_styles/normal = SubResource( 3 )
custom_fonts/font = SubResource( 4 )
custom_colors/selection_color = Color( 0.8, 0.8, 0.8, 1 )
align = 1 align = 1
placeholder_text = "username" placeholder_text = "username"
__meta__ = { __meta__ = {
@ -234,8 +234,8 @@ margin_bottom = 97.0
[node name="Label" type="Label" parent="multiplayer_configure/popup_screen/panel/confirm"] [node name="Label" type="Label" parent="multiplayer_configure/popup_screen/panel/confirm"]
anchor_right = 1.0 anchor_right = 1.0
anchor_bottom = 1.0 anchor_bottom = 1.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = SubResource( 5 ) custom_fonts/font = SubResource( 5 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "CONFIRM" text = "CONFIRM"
align = 1 align = 1
valign = 1 valign = 1
@ -288,8 +288,8 @@ margin_left = -74.5
margin_top = -32.0 margin_top = -32.0
margin_right = 74.5 margin_right = 74.5
margin_bottom = 32.0 margin_bottom = 32.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = ExtResource( 10 ) custom_fonts/font = ExtResource( 10 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "START" text = "START"
align = 1 align = 1
valign = 1 valign = 1
@ -307,8 +307,8 @@ margin_left = -319.0
margin_top = -56.0 margin_top = -56.0
margin_right = 319.0 margin_right = 319.0
margin_bottom = 56.0 margin_bottom = 56.0
custom_colors/font_color = Color( 0.439216, 0.666667, 1, 0.27451 )
custom_fonts/font = SubResource( 6 ) custom_fonts/font = SubResource( 6 )
custom_colors/font_color = Color( 0.439216, 0.666667, 1, 0.27451 )
align = 1 align = 1
valign = 1 valign = 1
__meta__ = { __meta__ = {
@ -325,8 +325,8 @@ margin_left = -116.5
margin_top = 60.0 margin_top = 60.0
margin_right = 116.5 margin_right = 116.5
margin_bottom = 89.0 margin_bottom = 89.0
custom_colors/font_color = Color( 0.439216, 0.666667, 1, 0.27451 )
custom_fonts/font = SubResource( 7 ) custom_fonts/font = SubResource( 7 )
custom_colors/font_color = Color( 0.439216, 0.666667, 1, 0.27451 )
text = "WAITING FOR PLAYERS" text = "WAITING FOR PLAYERS"
align = 1 align = 1
valign = 1 valign = 1
@ -335,12 +335,8 @@ __meta__ = {
} }
[node name="menu_button" parent="UI" instance=ExtResource( 4 )] [node name="menu_button" parent="UI" instance=ExtResource( 4 )]
anchor_left = 1.0 margin_right = 50.0
anchor_right = 1.0 margin_bottom = 50.0
margin_left = -70.0
margin_top = 20.0
margin_right = -20.0
margin_bottom = 70.0
[node name="spawn_locations" type="Node" parent="."] [node name="spawn_locations" type="Node" parent="."]

View File

@ -12,16 +12,16 @@ use_mipmaps = true
use_filter = true use_filter = true
font_data = ExtResource( 2 ) font_data = ExtResource( 2 )
[sub_resource type="StyleBoxEmpty" id=2]
[sub_resource type="StyleBoxEmpty" id=3]
[sub_resource type="DynamicFont" id=4] [sub_resource type="DynamicFont" id=4]
size = 36 size = 36
use_mipmaps = true use_mipmaps = true
use_filter = true use_filter = true
font_data = ExtResource( 2 ) font_data = ExtResource( 2 )
[sub_resource type="StyleBoxEmpty" id=2]
[sub_resource type="StyleBoxEmpty" id=3]
[sub_resource type="DynamicFont" id=5] [sub_resource type="DynamicFont" id=5]
size = 36 size = 36
use_mipmaps = true use_mipmaps = true
@ -61,8 +61,8 @@ margin_left = -225.0
margin_top = -25.0 margin_top = -25.0
margin_right = -225.0 margin_right = -225.0
margin_bottom = -25.0 margin_bottom = -25.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = SubResource( 1 ) custom_fonts/font = SubResource( 1 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "Enter your username" text = "Enter your username"
align = 1 align = 1
valign = 1 valign = 1
@ -93,10 +93,10 @@ margin_left = -175.0
margin_top = -28.0 margin_top = -28.0
margin_right = 175.0 margin_right = 175.0
margin_bottom = 28.0 margin_bottom = 28.0
custom_colors/selection_color = Color( 0.8, 0.8, 0.8, 1 )
custom_fonts/font = SubResource( 4 )
custom_styles/focus = SubResource( 2 ) custom_styles/focus = SubResource( 2 )
custom_styles/normal = SubResource( 3 ) custom_styles/normal = SubResource( 3 )
custom_fonts/font = SubResource( 4 )
custom_colors/selection_color = Color( 0.8, 0.8, 0.8, 1 )
align = 1 align = 1
placeholder_text = "username" placeholder_text = "username"
__meta__ = { __meta__ = {
@ -117,8 +117,8 @@ margin_bottom = 97.0
[node name="Label" type="Label" parent="popup_screen/panel/confirm"] [node name="Label" type="Label" parent="popup_screen/panel/confirm"]
anchor_right = 1.0 anchor_right = 1.0
anchor_bottom = 1.0 anchor_bottom = 1.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = SubResource( 5 ) custom_fonts/font = SubResource( 5 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "CONFIRM" text = "CONFIRM"
align = 1 align = 1
valign = 1 valign = 1

View File

@ -1,18 +1,18 @@
[gd_scene load_steps=5 format=2] [gd_scene load_steps=5 format=2]
[ext_resource path="res://source/assets/sprites/GUI/menu_button.svg" type="Texture" id=1] [ext_resource path="res://source/assets/sprites/GUI/in_game/menu_button_pressed.svg" type="Texture" id=1]
[ext_resource path="res://source/assets/sprites/GUI/menu_button_pressed.svg" type="Texture" id=2] [ext_resource path="res://source/assets/sprites/GUI/in_game/trinity_site_input_button_3 1.svg" type="Texture" id=2]
[ext_resource path="res://source/assets/sprites/GUI/menu_button_hover.svg" type="Texture" id=3] [ext_resource path="res://source/assets/sprites/GUI/in_game/menu_button_hover.svg" type="Texture" id=3]
[ext_resource path="res://source/assets/scripts/ui_element_handlers/menu_button.gd" type="Script" id=4] [ext_resource path="res://source/assets/scripts/ui_element_handlers/menu_button.gd" type="Script" id=4]
[node name="menu_button" type="TextureButton"] [node name="menu_button" type="TextureButton"]
margin_right = 40.0 margin_right = 45.0
margin_bottom = 40.0 margin_bottom = 45.0
focus_mode = 0 focus_mode = 0
enabled_focus_mode = 0 enabled_focus_mode = 0
texture_normal = ExtResource( 1 ) texture_normal = ExtResource( 2 )
texture_pressed = ExtResource( 2 ) texture_pressed = ExtResource( 3 )
texture_hover = ExtResource( 3 ) texture_hover = ExtResource( 1 )
script = ExtResource( 4 ) script = ExtResource( 4 )
__meta__ = { __meta__ = {
"_edit_use_anchors_": false "_edit_use_anchors_": false

View File

@ -64,8 +64,8 @@ enabled_focus_mode = 2
[node name="Label" type="Label" parent="panel/return_to_game"] [node name="Label" type="Label" parent="panel/return_to_game"]
anchor_right = 1.0 anchor_right = 1.0
anchor_bottom = 1.0 anchor_bottom = 1.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = SubResource( 2 ) custom_fonts/font = SubResource( 2 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "Return to game" text = "Return to game"
align = 1 align = 1
valign = 1 valign = 1
@ -85,8 +85,8 @@ enabled_focus_mode = 2
[node name="Label" type="Label" parent="panel/return_to_main_menu"] [node name="Label" type="Label" parent="panel/return_to_main_menu"]
anchor_right = 1.0 anchor_right = 1.0
anchor_bottom = 1.0 anchor_bottom = 1.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = SubResource( 3 ) custom_fonts/font = SubResource( 3 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "Retrun to main menu" text = "Retrun to main menu"
align = 1 align = 1
valign = 1 valign = 1
@ -106,8 +106,8 @@ enabled_focus_mode = 2
[node name="Label" type="Label" parent="panel/exit_game"] [node name="Label" type="Label" parent="panel/exit_game"]
anchor_right = 1.0 anchor_right = 1.0
anchor_bottom = 1.0 anchor_bottom = 1.0
custom_colors/font_color = Color( 0, 0, 0, 1 )
custom_fonts/font = SubResource( 4 ) custom_fonts/font = SubResource( 4 )
custom_colors/font_color = Color( 0, 0, 0, 1 )
text = "Exit game" text = "Exit game"
align = 1 align = 1
valign = 1 valign = 1