feat: add instructions to level information

Finalized bubble sort description for release and added simple
instructions to the right of the description. Also swapped right and
left arrow key actions in response to player feedback.

Author: danielzting

assets/levels.json

@@ -1,6 +1,6 @@
 {
-	"BUBBLE SORT":
-	{
-		"about": "Bubble sort is a simple sorting algorithm, typically the first taught in introductory computer science classes."
-	}
+    "BUBBLE SORT":
+    {
+        "about": "Bubble sort iterates through the array and looks at each pair of elements, swapping them if they are out of order. When it has gone through the entire array without swapping a single pair, it has finished. Though simple to understand, bubble sort is hopelessly inefficient on all but the smallest of arrays."
+    }
 }

project.godot

@@ -104,12 +104,12 @@ ui_down={
 }
 swap={
 "deadzone": 0.5,
-"events": [ Object(InputEventKey,"resource_local_to_scene":false,"resource_name":"","device":0,"alt":false,"shift":false,"control":false,"meta":false,"command":false,"pressed":false,"scancode":16777233,"unicode":0,"echo":false,"script":null)
+"events": [ Object(InputEventKey,"resource_local_to_scene":false,"resource_name":"","device":0,"alt":false,"shift":false,"control":false,"meta":false,"command":false,"pressed":false,"scancode":16777231,"unicode":0,"echo":false,"script":null)
  ]
 }
 no_swap={
 "deadzone": 0.5,
-"events": [ Object(InputEventKey,"resource_local_to_scene":false,"resource_name":"","device":0,"alt":false,"shift":false,"control":false,"meta":false,"command":false,"pressed":false,"scancode":16777231,"unicode":0,"echo":false,"script":null)
+"events": [ Object(InputEventKey,"resource_local_to_scene":false,"resource_name":"","device":0,"alt":false,"shift":false,"control":false,"meta":false,"command":false,"pressed":false,"scancode":16777233,"unicode":0,"echo":false,"script":null)
  ]
 }
 

scenes/levels.tscn

@@ -5,8 +5,9 @@
 [ext_resource path="res://scripts/border.gd" type="Script" id=3]
 
 [node name="Viewport" type="MarginContainer"]
+anchor_top = 0.00114754
 anchor_right = 1.0
-anchor_bottom = 1.0
+anchor_bottom = 1.00115
 theme = ExtResource( 2 )
 custom_constants/margin_right = 30
 custom_constants/margin_top = 30
@@ -60,12 +61,32 @@ margin_bottom = 1020.0
 size_flags_vertical = 3
 script = ExtResource( 3 )
 
-[node name="Info" type="Label" parent="LevelSelect/Preview/InfoBorder"]
+[node name="Info" type="HBoxContainer" parent="LevelSelect/Preview/InfoBorder"]
 margin_left = 20.0
 margin_top = 20.0
 margin_right = 1352.0
 margin_bottom = 352.0
-size_flags_vertical = 1
+custom_constants/separation = 50
+
+[node name="Description" type="Label" parent="LevelSelect/Preview/InfoBorder/Info"]
+margin_right = 810.0
+margin_bottom = 332.0
+rect_min_size = Vector2( 810, 0 )
+size_flags_vertical = 3
+text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse luctus lorem felis, in imperdiet mauris faucibus in. Vestibulum interdum mi at arcu congue congue. Cras sodales mauris odio, eget iaculis dolor tempor quis. Suspendisse nec iaculis sapien, eu sollicitudin orci. Nulla volutpat pellentesque ex nec cursus."
+autowrap = true
+
+[node name="Instructions" type="Label" parent="LevelSelect/Preview/InfoBorder/Info"]
+margin_left = 860.0
+margin_right = 1332.0
+margin_bottom = 332.0
+rect_min_size = Vector2( 450, 0 )
+size_flags_horizontal = 3
+size_flags_vertical = 3
+text = "INSTRUCTIONS
+
+LEFT ARROW: SWAP
+RIGHT ARROW: DON'T SWAP"
 autowrap = true
 
 [node name="Timer" type="Timer" parent="."]

scripts/levels.gd

@@ -21,7 +21,7 @@ func _ready():
 
 func _on_Button_focus_changed():
     var name = get_focus_owner().text
-    $Preview/InfoBorder/Info.text = levels[name]["about"]
+    $Preview/InfoBorder/Info/Description.text = levels[name]["about"]
     level = get_level(name).new(ArrayModel.new(10))
     level.active = false
     # Start over when simulation is finished