onboarding content

app/assets/textures/onboarding/1_internet.png.import

@@ -0,0 +1,36 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://xvojwttib03s"
+path.bptc="res://.godot/imported/1_internet.png-54c4d2724e516132d150e3b8d2d69baa.bptc.ctex"
+path.astc="res://.godot/imported/1_internet.png-54c4d2724e516132d150e3b8d2d69baa.astc.ctex"
+metadata={
+"imported_formats": ["s3tc_bptc", "etc2_astc"],
+"vram_texture": true
+}
+
+[deps]
+
+source_file="res://assets/textures/onboarding/1_internet.png"
+dest_files=["res://.godot/imported/1_internet.png-54c4d2724e516132d150e3b8d2d69baa.bptc.ctex", "res://.godot/imported/1_internet.png-54c4d2724e516132d150e3b8d2d69baa.astc.ctex"]
+
+[params]
+
+compress/mode=2
+compress/high_quality=true
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=true
+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

app/assets/textures/onboarding/2_friends.png.import

@@ -0,0 +1,36 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://jfikupu1mgfb"
+path.bptc="res://.godot/imported/2_friends.png-b4376faf98cc7c5328c488e6491a0a23.bptc.ctex"
+path.astc="res://.godot/imported/2_friends.png-b4376faf98cc7c5328c488e6491a0a23.astc.ctex"
+metadata={
+"imported_formats": ["s3tc_bptc", "etc2_astc"],
+"vram_texture": true
+}
+
+[deps]
+
+source_file="res://assets/textures/onboarding/2_friends.png"
+dest_files=["res://.godot/imported/2_friends.png-b4376faf98cc7c5328c488e6491a0a23.bptc.ctex", "res://.godot/imported/2_friends.png-b4376faf98cc7c5328c488e6491a0a23.astc.ctex"]
+
+[params]
+
+compress/mode=2
+compress/high_quality=true
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=true
+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

app/assets/textures/onboarding/3_browser.png.import

@@ -0,0 +1,36 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://oppo8nj5bqrf"
+path.bptc="res://.godot/imported/3_browser.png-f7fc07114932c62d06151dbc368b0e60.bptc.ctex"
+path.astc="res://.godot/imported/3_browser.png-f7fc07114932c62d06151dbc368b0e60.astc.ctex"
+metadata={
+"imported_formats": ["s3tc_bptc", "etc2_astc"],
+"vram_texture": true
+}
+
+[deps]
+
+source_file="res://assets/textures/onboarding/3_browser.png"
+dest_files=["res://.godot/imported/3_browser.png-f7fc07114932c62d06151dbc368b0e60.bptc.ctex", "res://.godot/imported/3_browser.png-f7fc07114932c62d06151dbc368b0e60.astc.ctex"]
+
+[params]
+
+compress/mode=2
+compress/high_quality=true
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=true
+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

app/assets/textures/onboarding/4_tutorial.png.import

@@ -0,0 +1,36 @@
+[remap]
+
+importer="texture"
+type="CompressedTexture2D"
+uid="uid://c86h7yd3klvo8"
+path.bptc="res://.godot/imported/4_tutorial.png-e6cfef9c569f635a4688d5e2fd23f3be.bptc.ctex"
+path.astc="res://.godot/imported/4_tutorial.png-e6cfef9c569f635a4688d5e2fd23f3be.astc.ctex"
+metadata={
+"imported_formats": ["s3tc_bptc", "etc2_astc"],
+"vram_texture": true
+}
+
+[deps]
+
+source_file="res://assets/textures/onboarding/4_tutorial.png"
+dest_files=["res://.godot/imported/4_tutorial.png-e6cfef9c569f635a4688d5e2fd23f3be.bptc.ctex", "res://.godot/imported/4_tutorial.png-e6cfef9c569f635a4688d5e2fd23f3be.astc.ctex"]
+
+[params]
+
+compress/mode=2
+compress/high_quality=true
+compress/lossy_quality=0.7
+compress/hdr_compression=1
+compress/normal_map=0
+compress/channel_pack=0
+mipmaps/generate=true
+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

app/scenes/components/onboarding/board.tscn

@@ -1,9 +1,8 @@
-[gd_scene load_steps=7 format=3 uid="uid://pbsmrx55rb5g"]
+[gd_scene load_steps=8 format=3 uid="uid://pbsmrx55rb5g"]
 
-[ext_resource type="LabelSettings" uid="uid://crt4elt055uhg" path="res://assets/styles/text_big.tres" id="1_22o26"]
 [ext_resource type="Script" path="res://scripts/ui/onboarding/board.gd" id="1_dxxs8"]
-[ext_resource type="FontFile" uid="uid://do40418waa8w3" path="res://assets/fonts/Inter-Regular.otf" id="2_glv2j"]
-[ext_resource type="PackedScene" uid="uid://xagbhqfidf2" path="res://scenes/components/round_button.tscn" id="3_xk4gg"]
+[ext_resource type="Texture2D" uid="uid://xvojwttib03s" path="res://assets/textures/onboarding/1_internet.png" id="2_8iccy"]
+[ext_resource type="FontFile" uid="uid://do40418waa8w3" path="res://assets/fonts/Inter-Regular.otf" id="3_t5hfc"]
 
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_r2yvw"]
 bg_color = Color(0.113725, 0.117647, 0.14902, 1)
@@ -14,8 +13,20 @@ corner_radius_bottom_left = 40
 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")
+[sub_resource type="StyleBoxFlat" id="StyleBoxFlat_wngss"]
+corner_radius_top_left = 160
+corner_radius_top_right = 160
+corner_radius_bottom_right = 160
+corner_radius_bottom_left = 160
+corner_detail = 16
+
+[sub_resource type="LabelSettings" id="LabelSettings_3enkx"]
+font = ExtResource("3_t5hfc")
+font_size = 32
+font_color = Color(0.831373, 0.831373, 0.831373, 1)
+
+[sub_resource type="LabelSettings" id="LabelSettings_chwxq"]
+font = ExtResource("3_t5hfc")
 font_size = 20
 font_color = Color(0.431373, 0.435294, 0.494118, 1)
 
@@ -51,67 +62,58 @@ mouse_filter = 1
 theme_override_styles/panel = SubResource("StyleBoxFlat_r2yvw")
 
 [node name="MarginContainer" type="MarginContainer" parent="."]
-visible = false
 layout_mode = 1
 anchors_preset = 15
 anchor_right = 1.0
 anchor_bottom = 1.0
 grow_horizontal = 2
 grow_vertical = 2
-mouse_filter = 0
-theme_override_constants/margin_top = 24
-theme_override_constants/margin_bottom = 24
+theme_override_constants/margin_left = 70
+theme_override_constants/margin_right = 70
+theme_override_constants/margin_bottom = 70
 
 [node name="VBoxContainer" type="VBoxContainer" parent="MarginContainer"]
 layout_mode = 2
 theme_override_constants/separation = 20
 alignment = 1
 
-[node name="Label" type="Label" parent="MarginContainer/VBoxContainer"]
-layout_mode = 2
-text = "Gate is not responding"
-label_settings = ExtResource("1_22o26")
-horizontal_alignment = 1
-vertical_alignment = 1
-
-[node name="Control" type="Control" parent="MarginContainer/VBoxContainer"]
+[node name="CenterContainer" type="CenterContainer" parent="MarginContainer/VBoxContainer"]
 layout_mode = 2
 size_flags_vertical = 3
 
-[node name="Label2" type="Label" parent="MarginContainer/VBoxContainer/Control"]
+[node name="Panel" type="Panel" parent="MarginContainer/VBoxContainer/CenterContainer"]
+clip_children = 1
+custom_minimum_size = Vector2(320, 320)
 layout_mode = 2
-offset_top = 293.0
-offset_right = 600.0
-offset_bottom = 346.0
-text = "Reload the page or try
-to wait if it responses"
-label_settings = SubResource("LabelSettings_bkr01")
-horizontal_alignment = 1
+mouse_filter = 1
+theme_override_styles/panel = SubResource("StyleBoxFlat_wngss")
 
-[node name="HBoxContainer" type="HBoxContainer" parent="MarginContainer/VBoxContainer"]
-layout_mode = 2
-size_flags_horizontal = 4
-theme_override_constants/separation = 22
+[node name="TextureRect" type="TextureRect" parent="MarginContainer/VBoxContainer/CenterContainer/Panel"]
+custom_minimum_size = Vector2(320, 320)
+layout_mode = 1
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+texture = ExtResource("2_8iccy")
+expand_mode = 1
 
-[node name="Reload" parent="MarginContainer/VBoxContainer/HBoxContainer" instance=ExtResource("3_xk4gg")]
-custom_minimum_size = Vector2(90, 26)
+[node name="VBoxContainer" type="VBoxContainer" parent="MarginContainer/VBoxContainer"]
 layout_mode = 2
-theme_override_colors/font_disabled_color = Color(0.431373, 0.435294, 0.494118, 1)
-theme_override_colors/font_color = Color(0.831373, 0.831373, 0.831373, 1)
-theme_override_fonts/font = ExtResource("2_glv2j")
-theme_override_font_sizes/font_size = 20
-text = "Reload"
-icon = null
+theme_override_constants/separation = 20
 
-[node name="Hide" parent="MarginContainer/VBoxContainer/HBoxContainer" instance=ExtResource("3_xk4gg")]
-custom_minimum_size = Vector2(90, 26)
+[node name="Title" type="Label" parent="MarginContainer/VBoxContainer/VBoxContainer"]
 layout_mode = 2
-theme_override_colors/font_disabled_color = Color(0.431373, 0.435294, 0.494118, 1)
-theme_override_colors/font_color = Color(0.831373, 0.831373, 0.831373, 1)
-theme_override_fonts/font = ExtResource("2_glv2j")
-theme_override_font_sizes/font_size = 20
-text = "Wait"
-icon = null
+text = "Welcome to the new —
+3D internet"
+label_settings = SubResource("LabelSettings_3enkx")
+
+[node name="Description" type="Label" parent="MarginContainer/VBoxContainer/VBoxContainer"]
+layout_mode = 2
+text = "Websites are now worlds you can walk
+through and explore together."
+label_settings = SubResource("LabelSettings_chwxq")
 
 [node name="Button" type="Button" parent="."]
 layout_mode = 1

app/scenes/components/onboarding/onboarding.tscn

@@ -1,4 +1,4 @@
-[gd_scene load_steps=16 format=3 uid="uid://b5tbn17l1pfs1"]
+[gd_scene load_steps=19 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"]
@@ -6,7 +6,10 @@
 [ext_resource type="PackedScene" uid="uid://pbsmrx55rb5g" path="res://scenes/components/onboarding/board.tscn" id="3_04ofy"]
 [ext_resource type="Resource" uid="uid://crjhix0osmtnf" path="res://resources/ui_events.res" id="3_jta5g"]
 [ext_resource type="FontFile" uid="uid://do40418waa8w3" path="res://assets/fonts/Inter-Regular.otf" id="4_bi8o3"]
+[ext_resource type="Texture2D" uid="uid://jfikupu1mgfb" path="res://assets/textures/onboarding/2_friends.png" id="6_60kxa"]
 [ext_resource type="Script" path="res://scripts/ui/onboarding/close_button.gd" id="6_lcfru"]
+[ext_resource type="Texture2D" uid="uid://oppo8nj5bqrf" path="res://assets/textures/onboarding/3_browser.png" id="7_icqbo"]
+[ext_resource type="Texture2D" uid="uid://c86h7yd3klvo8" path="res://assets/textures/onboarding/4_tutorial.png" id="8_asgtb"]
 
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_htqsi"]
 bg_color = Color(0, 0, 0, 0.258824)
@@ -96,7 +99,7 @@ anchor_right = 1.0
 anchor_bottom = 0.5
 offset_left = 676.0
 offset_top = -350.0
-offset_right = 756.0
+offset_right = 1306.0
 offset_bottom = 350.0
 grow_horizontal = 2
 grow_vertical = 2
@@ -126,6 +129,17 @@ offset_top = 0.0
 offset_right = 1250.0
 offset_bottom = 700.0
 
+[node name="TextureRect" parent="Root/Carousel/Line/Board2/MarginContainer/VBoxContainer/CenterContainer/Panel" index="0"]
+texture = ExtResource("6_60kxa")
+
+[node name="Title" parent="Root/Carousel/Line/Board2/MarginContainer/VBoxContainer/VBoxContainer" index="0"]
+text = "A place for friends
+and creativity"
+
+[node name="Description" parent="Root/Carousel/Line/Board2/MarginContainer/VBoxContainer/VBoxContainer" index="1"]
+text = "Find communities, explore with friends,
+and create your own 3D spaces."
+
 [node name="Board3" parent="Root/Carousel/Line" instance=ExtResource("3_04ofy")]
 layout_mode = 2
 anchors_preset = 0
@@ -138,19 +152,45 @@ offset_top = 0.0
 offset_right = 1900.0
 offset_bottom = 700.0
 
+[node name="TextureRect" parent="Root/Carousel/Line/Board3/MarginContainer/VBoxContainer/CenterContainer/Panel" index="0"]
+texture = ExtResource("7_icqbo")
+
+[node name="Title" parent="Root/Carousel/Line/Board3/MarginContainer/VBoxContainer/VBoxContainer" index="0"]
+text = "TheGates is your
+browser to access it"
+
+[node name="Description" parent="Root/Carousel/Line/Board3/MarginContainer/VBoxContainer/VBoxContainer" index="1"]
+text = "You open links and connect to servers,
+but every site is 3D and interactive."
+
+[node name="Board4" parent="Root/Carousel/Line" instance=ExtResource("3_04ofy")]
+layout_mode = 2
+anchors_preset = 0
+anchor_left = 0.0
+anchor_top = 0.0
+anchor_right = 0.0
+anchor_bottom = 0.0
+offset_left = 1950.0
+offset_top = 0.0
+offset_right = 2550.0
+offset_bottom = 700.0
+
+[node name="TextureRect" parent="Root/Carousel/Line/Board4/MarginContainer/VBoxContainer/CenterContainer/Panel" index="0"]
+texture = ExtResource("8_asgtb")
+
+[node name="Title" parent="Root/Carousel/Line/Board4/MarginContainer/VBoxContainer/VBoxContainer" index="0"]
+text = "Let’s learn how 
+things work here →"
+
+[node name="Description" parent="Root/Carousel/Line/Board4/MarginContainer/VBoxContainer/VBoxContainer" index="1"]
+text = "Learn about portals and navigation
+in our interactive tutorial."
+
 [node name="Close" type="Button" parent="Root/Carousel/Line" node_paths=PackedStringArray("content")]
 layout_mode = 1
-anchors_preset = 8
-anchor_left = 0.5
-anchor_top = 0.5
-anchor_right = 0.5
-anchor_bottom = 0.5
-offset_left = 950.0
-offset_top = -350.0
-offset_right = 1550.0
-offset_bottom = 350.0
-grow_horizontal = 2
-grow_vertical = 2
+offset_left = 2600.0
+offset_right = 3200.0
+offset_bottom = 700.0
 scale = Vector2(0.8, 0.8)
 pivot_offset = Vector2(300, 350)
 focus_mode = 0
@@ -194,3 +234,7 @@ text = "Let's try it out →"
 label_settings = SubResource("LabelSettings_cgaqc")
 horizontal_alignment = 1
 vertical_alignment = 1
+
+[editable path="Root/Carousel/Line/Board2"]
+[editable path="Root/Carousel/Line/Board3"]
+[editable path="Root/Carousel/Line/Board4"]