feat: add animated tutorial lines and step-by-step guide (#90)

Scenes/ConceptGlossary.tscn

@@ -0,0 +1,105 @@
+[gd_scene load_steps=2 format=3 uid="uid://concept_glossary"]
+
+[ext_resource type="Script" path="res://Scripts/ConceptGlossary.gd" id="1"]
+
+[node name="ConceptGlossary" type="Control"]
+visible = false
+layout_mode = 3
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+script = ExtResource("1")
+
+[node name="CanvasLayer" type="CanvasLayer" parent="."]
+layer = 100
+visible = false
+
+[node name="Background" type="ColorRect" parent="CanvasLayer"]
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+color = Color(0, 0, 0, 0.7)
+
+[node name="Panel" type="Panel" parent="CanvasLayer"]
+anchors_preset = 8
+anchor_left = 0.5
+anchor_top = 0.5
+anchor_right = 0.5
+anchor_bottom = 0.5
+offset_left = -400.0
+offset_top = -300.0
+offset_right = 400.0
+offset_bottom = 300.0
+grow_horizontal = 2
+grow_vertical = 2
+
+[node name="MarginContainer" type="MarginContainer" parent="CanvasLayer/Panel"]
+layout_mode = 1
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+theme_override_constants/margin_left = 20
+theme_override_constants/margin_top = 20
+theme_override_constants/margin_right = 20
+theme_override_constants/margin_bottom = 20
+
+[node name="VBoxContainer" type="VBoxContainer" parent="CanvasLayer/Panel/MarginContainer"]
+layout_mode = 2
+theme_override_constants/separation = 10
+
+[node name="Title" type="Label" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer"]
+layout_mode = 2
+text = "📖 Knative Concepts"
+horizontal_alignment = 1
+theme_override_font_sizes/font_size = 24
+
+[node name="SearchBox" type="LineEdit" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer"]
+layout_mode = 2
+placeholder_text = "Search concepts..."
+
+[node name="ScrollContainer" type="ScrollContainer" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer"]
+layout_mode = 2
+size_flags_vertical = 3
+
+[node name="ResultsList" type="ItemList" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer/ScrollContainer"]
+layout_mode = 2
+size_flags_horizontal = 3
+size_flags_vertical = 3
+
+[node name="ConceptPanel" type="VBoxContainer" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer"]
+layout_mode = 2
+size_flags_vertical = 3
+theme_override_constants/separation = 10
+
+[node name="ConceptName" type="Label" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer/ConceptPanel"]
+layout_mode = 2
+theme_override_font_sizes/font_size = 20
+horizontal_alignment = 1
+
+[node name="Definition" type="Label" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer/ConceptPanel"]
+layout_mode = 2
+autowrap_mode = 3
+
+[node name="GameExample" type="Label" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer/ConceptPanel"]
+layout_mode = 2
+autowrap_mode = 3
+
+[node name="KnativeExample" type="Label" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer/ConceptPanel"]
+layout_mode = 2
+autowrap_mode = 3
+
+[node name="DocsButton" type="Button" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer/ConceptPanel"]
+layout_mode = 2
+text = "📚 Read Official Docs"
+
+[node name="CloseButton" type="Button" parent="CanvasLayer/Panel/MarginContainer/VBoxContainer"]
+layout_mode = 2
+text = "Close"
+
+[connection signal="item_selected" from="CanvasLayer/Panel/MarginContainer/VBoxContainer/ScrollContainer/ResultsList" to="." method="_on_results_list_item_selected"]

Scenes/ConnectorLine.tscn

@@ -0,0 +1,15 @@
+[gd_scene format=3 uid="uid://connectorline"]
+
+[ext_resource type="Script" path="res://Scripts/ConnectorLine.gd" id="1_script"]
+[ext_resource type="Shader" path="res://Scripts/scrolling_line.gdshader" id="2_shader"]
+
+[sub_resource type="ShaderMaterial" id="ShaderMaterial_1"]
+shader = ExtResource("2_shader")
+shader_parameter/speed = 1.0
+
+[node name="ConnectorLine" type="Line2D"]
+material = SubResource("ShaderMaterial_1")
+width = 10.0
+default_color = Color(0, 0.6, 1, 0.5)
+texture_mode = 1
+script = ExtResource("1_script")

Scenes/basicEventFlow.tscn

@@ -56,16 +56,8 @@ script = ExtResource("6_xyb5q")
 layout_mode = 0
 offset_right = 342.0
 offset_bottom = 132.0
-
-[node name="RichTextLabel" type="RichTextLabel" parent="Control/Button"]
-layout_mode = 0
-offset_top = 37.0
-offset_right = 338.0
-offset_bottom = 110.0
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]START"
+theme_override_font_sizes/font_size = 50
+text = "START"
 
 [node name="Control2" type="Control" parent="."]
 layout_mode = 3
@@ -81,16 +73,8 @@ script = ExtResource("7_3f2sq")
 layout_mode = 0
 offset_right = 342.0
 offset_bottom = 132.0
-
-[node name="RichTextLabel" type="RichTextLabel" parent="Control2/Button"]
-layout_mode = 0
-offset_top = 37.0
-offset_right = 338.0
-offset_bottom = 110.0
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]RESTART"
+theme_override_font_sizes/font_size = 50
+text = "RESTART"
 
 [connection signal="pressed" from="Control/Button" to="Control" method="_on_button_pressed"]
 [connection signal="pressed" from="Control2/Button" to="Control2" method="_on_button_pressed"]

Scenes/boxClick.tscn

@@ -74,16 +74,8 @@ script = ExtResource("9_va8kg")
 layout_mode = 0
 offset_right = 342.0
 offset_bottom = 132.0
-
-[node name="RichTextLabel" type="RichTextLabel" parent="Control/Button"]
-layout_mode = 0
-offset_top = 37.0
-offset_right = 338.0
-offset_bottom = 110.0
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]START"
+theme_override_font_sizes/font_size = 50
+text = "START"
 
 [node name="Control2" type="Control" parent="."]
 layout_mode = 3
@@ -98,16 +90,8 @@ script = ExtResource("10_rwca5")
 layout_mode = 0
 offset_right = 342.0
 offset_bottom = 132.0
-
-[node name="RichTextLabel" type="RichTextLabel" parent="Control2/Button"]
-layout_mode = 0
-offset_top = 37.0
-offset_right = 338.0
-offset_bottom = 110.0
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]RESTART"
+theme_override_font_sizes/font_size = 50
+text = "RESTART"
 
 [node name="Draggable Filter" type="Area2D" parent="."]
 position = Vector2(288.333, 205)

Scenes/box_b.tscn

@@ -1,12 +1,14 @@
+[gd_scene format=3 uid="uid://cg1qlr4r42xs6"]
 [gd_scene load_steps=6 format=3 uid="uid://cg1qlr4r42xs6"]
 
 [ext_resource type="Texture2D" uid="uid://cjn14twvcwa8y" path="res://2D Assets/boxes/blueBox.png" id="1_mjw0e"]
-[ext_resource type="Script" path="res://Scripts/event_box.gd" id="2_3md8f"]
-[ext_resource type="Script" path="res://Scripts/event_box_clickable.gd" id="2_raetl"]
+[ext_resource type="Script" uid="uid://dytl3q2sat4ew" path="res://Scripts/event_box.gd" id="2_3md8f"]
+[ext_resource type="Script" uid="uid://5ydkp5vyru6l" path="res://Scripts/event_box_clickable.gd" id="2_raetl"]
 
 [sub_resource type="RectangleShape2D" id="RectangleShape2D_6uvdh"]
 size = Vector2(211.428, 211.429)
 
+[node name="BoxB" type="Sprite2D" unique_id=1375488351 groups=["Box"]]
 [sub_resource type="StyleBoxFlat" id="StyleBoxFlat_5pura"]
 content_margin_top = 9.0
 bg_color = Color(0.431373, 0.564706, 1, 1)
@@ -21,10 +23,10 @@ texture = ExtResource("1_mjw0e")
 script = ExtResource("2_3md8f")
 boxType = "Blue"
 
-[node name="Area2D" type="Area2D" parent="." groups=["Box"]]
+[node name="Area2D" type="Area2D" parent="." unique_id=1970047476 groups=["Box"]]
 script = ExtResource("2_raetl")
 
-[node name="CollisionShape2D" type="CollisionShape2D" parent="Area2D"]
+[node name="CollisionShape2D" type="CollisionShape2D" parent="Area2D" unique_id=650521939]
 position = Vector2(0.000366211, 0)
 scale = Vector2(0.7, 0.7)
 shape = SubResource("RectangleShape2D_6uvdh")

Scenes/dlqPattern.tscn

@@ -72,20 +72,10 @@ script = ExtResource("11_fwn7q")
 [node name="Button" type="Button" parent="Control"]
 layout_mode = 0
 offset_top = 1.0
-offset_right = 151.0
-offset_bottom = 65.0
-
-[node name="RichTextLabel2" type="RichTextLabel" parent="Control/Button"]
-layout_mode = 0
-offset_left = -10.0
-offset_top = 16.0
-offset_right = 328.0
-offset_bottom = 89.0
-scale = Vector2(0.5, 0.5)
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]START"
+offset_right = 200.0
+offset_bottom = 80.0
+theme_override_font_sizes/font_size = 30
+text = "START"
 
 [node name="Control2" type="Control" parent="."]
 layout_mode = 3
@@ -98,19 +88,10 @@ script = ExtResource("11_pd3ou")
 
 [node name="Button" type="Button" parent="Control2"]
 layout_mode = 0
-offset_right = 342.0
-offset_bottom = 132.0
-scale = Vector2(0.45, 0.45)
-
-[node name="RichTextLabel" type="RichTextLabel" parent="Control2/Button"]
-layout_mode = 0
-offset_top = 37.0
-offset_right = 338.0
-offset_bottom = 110.0
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]RESTART"
+offset_right = 200.0
+offset_bottom = 80.0
+theme_override_font_sizes/font_size = 30
+text = "RESTART"
 
 [node name="Blockage" parent="." instance=ExtResource("13_cjnva")]
 position = Vector2(516, 270)

Scenes/message_display.tscn

@@ -11,13 +11,50 @@ grow_horizontal = 2
 grow_vertical = 2
 script = ExtResource("1_y0tj3")
 
-[node name="Label" type="Label" parent="."]
-layout_mode = 0
-offset_right = 1153.0
-offset_bottom = 649.0
+[node name="Background" type="ColorRect" parent="."]
+layout_mode = 1
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+color = Color(0, 0, 0, 0.7)
+
+[node name="CenterContainer" type="CenterContainer" parent="."]
+layout_mode = 1
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+
+[node name="Panel" type="Panel" parent="CenterContainer"]
+custom_minimum_size = Vector2(900, 500)
+layout_mode = 2
+
+[node name="MarginContainer" type="MarginContainer" parent="CenterContainer/Panel"]
+layout_mode = 1
+anchors_preset = 15
+anchor_right = 1.0
+anchor_bottom = 1.0
+grow_horizontal = 2
+grow_vertical = 2
+theme_override_constants/margin_left = 40
+theme_override_constants/margin_top = 40
+theme_override_constants/margin_right = 40
+theme_override_constants/margin_bottom = 40
+
+[node name="ScrollContainer" type="ScrollContainer" parent="CenterContainer/Panel/MarginContainer"]
+layout_mode = 2
+
+[node name="VBoxContainer" type="VBoxContainer" parent="CenterContainer/Panel/MarginContainer/ScrollContainer"]
+layout_mode = 2
+size_flags_horizontal = 3
+theme_override_constants/separation = 20
+
+[node name="Label" type="Label" parent="CenterContainer/Panel/MarginContainer/ScrollContainer/VBoxContainer"]
+layout_mode = 2
 theme_override_colors/font_color = Color(0, 0.286275, 0.556863, 1)
-theme_override_colors/font_shadow_color = Color(1, 0.94902, 0.870588, 1)
-theme_override_font_sizes/font_size = 100
+theme_override_font_sizes/font_size = 28
 horizontal_alignment = 1
-vertical_alignment = 1
-autowrap_mode = 2
+autowrap_mode = 3

Scenes/multiSink.tscn

@@ -232,16 +232,8 @@ layout_mode = 0
 offset_right = 342.0
 offset_bottom = 132.0
 scale = Vector2(0.9, 0.9)
-
-[node name="RichTextLabel" type="RichTextLabel" parent="Control/Button"]
-layout_mode = 0
-offset_top = 37.0
-offset_right = 338.0
-offset_bottom = 110.0
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]START"
+theme_override_font_sizes/font_size = 50
+text = "START"
 
 [node name="Control2" type="Control" parent="."]
 layout_mode = 3
@@ -258,16 +250,8 @@ layout_mode = 0
 offset_right = 342.0
 offset_bottom = 132.0
 scale = Vector2(0.9, 0.9)
-
-[node name="RichTextLabel" type="RichTextLabel" parent="Control2/Button"]
-layout_mode = 0
-offset_top = 37.0
-offset_right = 338.0
-offset_bottom = 110.0
-mouse_filter = 2
-theme_override_font_sizes/normal_font_size = 50
-bbcode_enabled = true
-text = "[center]RESTART"
+theme_override_font_sizes/font_size = 50
+text = "RESTART"
 
 [connection signal="area_entered" from="Draggable Filter" to="Draggable Filter" method="_on_area_entered"]
 [connection signal="body_shape_exited" from="Draggable Filter" to="Draggable Filter" method="_on_body_shape_exited"]

Scenes/sink.tscn

@@ -29,6 +29,13 @@ script = ExtResource("2_16xt0")
 position = Vector2(0, -5.83331)
 shape = SubResource("RectangleShape2D_7l3ci")
 
+[node name="IndicatorLight" type="ColorRect" parent="."]
+offset_left = -10.0
+offset_top = -220.0
+offset_right = 10.0
+offset_bottom = -200.0
+color = Color(0, 1, 0, 1)
+z_index = 1
 [node name="hoverlabel" type="RichTextLabel" parent="."]
 visible = false
 offset_left = 180.0