diff --git a/app/assets/textures/onboarding/1_internet.png b/app/assets/textures/onboarding/1_internet.png new file mode 100644 index 0000000..22b44c1 Binary files /dev/null and b/app/assets/textures/onboarding/1_internet.png differ diff --git a/app/assets/textures/onboarding/1_internet.png.import b/app/assets/textures/onboarding/1_internet.png.import new file mode 100644 index 0000000..3489dbc --- /dev/null +++ b/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 diff --git a/app/assets/textures/onboarding/2_friends.png b/app/assets/textures/onboarding/2_friends.png new file mode 100644 index 0000000..4709279 Binary files /dev/null and b/app/assets/textures/onboarding/2_friends.png differ diff --git a/app/assets/textures/onboarding/2_friends.png.import b/app/assets/textures/onboarding/2_friends.png.import new file mode 100644 index 0000000..872a350 --- /dev/null +++ b/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 diff --git a/app/assets/textures/onboarding/3_browser.png b/app/assets/textures/onboarding/3_browser.png new file mode 100644 index 0000000..0348769 Binary files /dev/null and b/app/assets/textures/onboarding/3_browser.png differ diff --git a/app/assets/textures/onboarding/3_browser.png.import b/app/assets/textures/onboarding/3_browser.png.import new file mode 100644 index 0000000..6fef36f --- /dev/null +++ b/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 diff --git a/app/assets/textures/onboarding/4_tutorial.png b/app/assets/textures/onboarding/4_tutorial.png new file mode 100644 index 0000000..d9f7886 Binary files /dev/null and b/app/assets/textures/onboarding/4_tutorial.png differ diff --git a/app/assets/textures/onboarding/4_tutorial.png.import b/app/assets/textures/onboarding/4_tutorial.png.import new file mode 100644 index 0000000..bb919ca --- /dev/null +++ b/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 diff --git a/app/scenes/components/onboarding/board.tscn b/app/scenes/components/onboarding/board.tscn index b801263..690fbbd 100644 --- a/app/scenes/components/onboarding/board.tscn +++ b/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 diff --git a/app/scenes/components/onboarding/onboarding.tscn b/app/scenes/components/onboarding/onboarding.tscn index a0702a8..39a9be2 100644 --- a/app/scenes/components/onboarding/onboarding.tscn +++ b/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"]