onboarding design improvements

This commit is contained in:
Nordup 2025-08-10 23:47:53 +07:00
parent 181c0a6645
commit 86ad20e452
5 changed files with 25 additions and 31 deletions

View file

@ -11,8 +11,8 @@ corner_radius_top_left = 40
corner_radius_top_right = 40
corner_radius_bottom_right = 40
corner_radius_bottom_left = 40
shadow_color = Color(0.0584, 0.06128, 0.08, 0.784314)
shadow_size = 6
shadow_color = Color(0.0747, 0.078015, 0.09, 0.705882)
shadow_size = 10
[sub_resource type="LabelSettings" id="LabelSettings_bkr01"]
font = ExtResource("2_glv2j")
@ -36,7 +36,7 @@ grow_vertical = 2
pivot_offset = Vector2(300, 350)
script = ExtResource("1_dxxs8")
focus_button = NodePath("TextureButton")
unfocus_color = Color(1, 1, 1, 0.505882)
unfocus_color = Color(0.9, 0.9, 0.9, 0.509804)
unfocus_scale = Vector2(0.8, 0.8)
[node name="Panel" type="Panel" parent="."]

View file

@ -1,4 +1,4 @@
[gd_scene load_steps=11 format=3 uid="uid://b5tbn17l1pfs1"]
[gd_scene load_steps=9 format=3 uid="uid://b5tbn17l1pfs1"]
[ext_resource type="Script" path="res://scripts/ui/onboarding/onboarding.gd" id="1_2xh2a"]
[ext_resource type="Script" path="res://scripts/ui/onboarding/carousel.gd" id="2_uhwdh"]
@ -7,26 +7,17 @@
[ext_resource type="Resource" uid="uid://crjhix0osmtnf" path="res://resources/ui_events.res" id="3_jta5g"]
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_htqsi"]
bg_color = Color(0, 0, 0, 0.505882)
bg_color = Color(0, 0, 0, 0.258824)
[sub_resource type="Curve" id="Curve_gjk4u"]
_data = [Vector2(0, 1), 0.0, -0.118897, 0, 0, Vector2(0.6, 0.686327), -1.65368, -1.65368, 0, 0, Vector2(0.99999, 0.424933), 0.0, 0.0, 0, 0]
point_count = 3
[sub_resource type="CurveTexture" id="CurveTexture_fomqh"]
curve = SubResource("Curve_gjk4u")
[sub_resource type="ShaderMaterial" id="ShaderMaterial_hpwdi"]
[sub_resource type="ShaderMaterial" id="ShaderMaterial_pager"]
shader = ExtResource("2_vhqmk")
shader_parameter/UVScale = Vector2(1, 1)
shader_parameter/BlurAmount = 1.0
shader_parameter/VignetteColor = Color(0.0704, 0.07856, 0.08, 1)
shader_parameter/Vignette = SubResource("CurveTexture_fomqh")
shader_parameter/BlurAmount = 0.5
shader_parameter/VignetteColor = Color(0, 0, 0, 1)
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_2l2ws"]
bg_color = Color(1, 1, 1, 1)
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_b61hg"]
[node name="Onboarding" type="Control" node_paths=PackedStringArray("root")]
[node name="Onboarding" type="Control" node_paths=PackedStringArray("root", "skip")]
top_level = true
z_index = 10
layout_mode = 3
@ -38,6 +29,7 @@ grow_vertical = 2
mouse_filter = 2
script = ExtResource("1_2xh2a")
root = NodePath("Root")
skip = NodePath("Root/Carousel/Line/Board/MarginContainer/VBoxContainer/HBoxContainer/Hide")
[node name="Root" type="Control" parent="."]
layout_mode = 1
@ -48,7 +40,6 @@ grow_horizontal = 2
grow_vertical = 2
[node name="Panel" type="Panel" parent="Root"]
visible = false
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
@ -58,8 +49,9 @@ grow_vertical = 2
mouse_filter = 2
theme_override_styles/panel = SubResource("StyleBoxFlat_htqsi")
[node name="VignetteBlur" type="Panel" parent="Root"]
material = SubResource("ShaderMaterial_hpwdi")
[node name="Blur" type="Panel" parent="Root"]
top_level = true
material = SubResource("ShaderMaterial_pager")
layout_mode = 1
anchors_preset = 15
anchor_right = 1.0
@ -67,7 +59,7 @@ anchor_bottom = 1.0
grow_horizontal = 2
grow_vertical = 2
mouse_filter = 2
theme_override_styles/panel = SubResource("StyleBoxFlat_2l2ws")
theme_override_styles/panel = SubResource("StyleBoxFlat_b61hg")
[node name="Carousel" type="Control" parent="Root" node_paths=PackedStringArray("line")]
layout_mode = 1
@ -129,3 +121,5 @@ offset_left = 1300.0
offset_top = 0.0
offset_right = 1900.0
offset_bottom = 700.0
[editable path="Root/Carousel/Line/Board"]

View file

@ -40,7 +40,7 @@ shader_parameter/show_render = null
_data = [Vector2(0.0876494, 0.913189), 0.0, -0.118897, 0, 0, Vector2(0.50996, 0.316361), -1.65368, -1.65368, 0, 0, Vector2(1, 0), 0.0, 0.0, 0, 0]
point_count = 3
[sub_resource type="CurveTexture" id="CurveTexture_e4qvr"]
[sub_resource type="CurveTexture" id="CurveTexture_yw30u"]
curve = SubResource("Curve_rju31")
[sub_resource type="ShaderMaterial" id="ShaderMaterial_bspld"]
@ -48,7 +48,7 @@ shader = ExtResource("18_sat0u")
shader_parameter/UVScale = Vector2(0.9, 0.9)
shader_parameter/BlurAmount = 2.5
shader_parameter/VignetteColor = Color(0.126, 0.1719, 0.18, 1)
shader_parameter/Vignette = SubResource("CurveTexture_e4qvr")
shader_parameter/Vignette = SubResource("CurveTexture_yw30u")
[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_axrau"]
bg_color = Color(1, 1, 1, 1)

View file

@ -5,7 +5,7 @@ const SHOWN = Color(1, 1, 1, 1)
const HIDDEN = Color(1, 1, 1, 0)
@export var root: Control
# @export var skip: Button
@export var skip: Button
@export var fade_in: float = 0.2
@export var fade_out: float = 0.2
@ -13,10 +13,10 @@ var tween: Tween
func _ready() -> void:
# skip.pressed.connect(hide_onboarding)
skip.pressed.connect(hide_onboarding)
visible = true
root.hide()
root.visible = false
root.modulate = HIDDEN
root.mouse_filter = Control.MOUSE_FILTER_PASS
@ -27,7 +27,7 @@ func _ready() -> void:
func show_onboarding() -> void:
if root.visible: return
root.show()
root.visible = true
if is_instance_valid(tween): tween.stop()
tween = create_tween()
@ -47,4 +47,4 @@ func hide_onboarding() -> void:
tween.tween_property(root, "modulate", HIDDEN, fade_out)
await tween.finished
root.hide()
root.visible = false

View file

@ -179,4 +179,4 @@ nodes/fragment/26/node = SubResource("VisualShaderNodeVectorOp_4s8mp")
nodes/fragment/26/position = Vector2(-420, 780)
nodes/fragment/27/node = SubResource("VisualShaderNodeVec2Parameter_ren8n")
nodes/fragment/27/position = Vector2(-1060, -680)
nodes/fragment/connections = PackedInt32Array(8, 0, 7, 2, 9, 0, 7, 1, 10, 0, 11, 2, 15, 0, 11, 0, 16, 0, 15, 2, 18, 0, 15, 0, 4, 0, 21, 0, 11, 0, 23, 0, 7, 0, 24, 0, 25, 0, 23, 1, 20, 0, 25, 1, 26, 0, 25, 0, 11, 0, 26, 1, 23, 0, 24, 1, 24, 0, 0, 0, 21, 0, 7, 0, 27, 0, 21, 1)
nodes/fragment/connections = PackedInt32Array(8, 0, 7, 2, 9, 0, 7, 1, 10, 0, 11, 2, 15, 0, 11, 0, 16, 0, 15, 2, 18, 0, 15, 0, 4, 0, 21, 0, 11, 0, 23, 0, 25, 0, 23, 1, 20, 0, 25, 1, 26, 0, 25, 0, 11, 0, 26, 1, 21, 0, 7, 0, 27, 0, 21, 1, 7, 0, 24, 0, 23, 0, 24, 1, 24, 0, 0, 0)