feat: implement big preview mode

Took more hacks than I would have liked, but getting rid of those would
require a refactor across the entire codebase.

Author: danielzting

project.godot

@@ -202,6 +202,11 @@ change_data={
 "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":67,"unicode":0,"echo":false,"script":null)
  ]
 }
+big_preview={
+"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":66,"unicode":0,"echo":false,"script":null)
+ ]
+}
 
 [rendering]
 

scenes/levels.tscn

@@ -99,14 +99,6 @@ size_flags_horizontal = 4
 size_flags_vertical = 4
 script = ExtResource( 3 )
 
-[node name="Types" type="VBoxContainer" parent="Levels/Level/Right/Display/TypesContainer"]
-margin_left = 20.0
-margin_top = 20.0
-margin_right = 20.0
-margin_bottom = 20.0
-size_flags_horizontal = 4
-size_flags_vertical = 4
-
 [node name="HBoxContainer" type="HBoxContainer" parent="Levels/Level/Right/Display"]
 margin_left = 20.0
 margin_top = 20.0
@@ -187,6 +179,29 @@ INF"
 align = 2
 uppercase = true
 
+[node name="BigDisplay" type="MarginContainer" parent="Levels"]
+visible = false
+margin_top = 640.0
+margin_right = 1240.0
+margin_bottom = 680.0
+size_flags_vertical = 3
+script = ExtResource( 3 )
+
+[node name="TypesContainer" type="MarginContainer" parent="Levels/BigDisplay"]
+visible = false
+margin_left = 600.0
+margin_right = 640.0
+margin_bottom = 40.0
+size_flags_horizontal = 4
+size_flags_vertical = 4
+script = ExtResource( 3 )
+
+[node name="HBoxContainer" type="HBoxContainer" parent="Levels/BigDisplay"]
+margin_left = 20.0
+margin_top = 20.0
+margin_right = 1220.0
+margin_bottom = 20.0
+
 [node name="Timer" type="Timer" parent="Levels"]
 [connection signal="pressed" from="Levels/NamesContainer/Names/Current" to="Levels" method="_on_Current_pressed"]
 [connection signal="timeout" from="Levels/Timer" to="Levels" method="_on_Timer_timeout"]

scenes/menu.tscn

@@ -44,9 +44,9 @@ __meta__ = {
 [node name="InstructionsContainer" type="MarginContainer" parent="MainMenu/Display"]
 visible = false
 margin_left = 484.0
-margin_top = 175.0
+margin_top = 164.0
 margin_right = 714.0
-margin_bottom = 423.0
+margin_bottom = 434.0
 size_flags_horizontal = 4
 size_flags_vertical = 4
 script = ExtResource( 3 )
@@ -55,45 +55,47 @@ script = ExtResource( 3 )
 margin_left = 20.0
 margin_top = 20.0
 margin_right = 210.0
-margin_bottom = 228.0
+margin_bottom = 250.0
 custom_constants/separation = 16
 
 [node name="Controls" type="HBoxContainer" parent="MainMenu/Display/InstructionsContainer/Instructions"]
 margin_right = 190.0
-margin_bottom = 173.0
+margin_bottom = 195.0
 custom_constants/separation = 20
 
 [node name="Keys" type="Label" parent="MainMenu/Display/InstructionsContainer/Instructions/Controls"]
 margin_right = 50.0
-margin_bottom = 173.0
+margin_bottom = 195.0
 size_flags_horizontal = 4
 text = "W
 A
 S
 D
 M
 C
+B
 esc
 space"
 
 [node name="Actions" type="Label" parent="MainMenu/Display/InstructionsContainer/Instructions/Controls"]
 margin_left = 70.0
 margin_right = 190.0
-margin_bottom = 173.0
+margin_bottom = 195.0
 text = "bigger
 slower
 smaller
 faster
 toggle sound
 change data
+big preview
 back
 confirm"
 align = 2
 
 [node name="Button" type="Button" parent="MainMenu/Display/InstructionsContainer/Instructions"]
-margin_top = 189.0
+margin_top = 211.0
 margin_right = 190.0
-margin_bottom = 208.0
+margin_bottom = 230.0
 text = "OK"
 
 [node name="Spacing" type="Control" parent="MainMenu"]

scripts/levels.gd

@@ -18,14 +18,21 @@ const MAX_WAIT = 4
 const MIN_SIZE = 8
 const MAX_SIZE = 128
 
-var _index = LEVELS.find(GlobalScene.get_param("level"))
+var _index = LEVELS.find(GlobalScene.get_param("level", LEVELS[0]))
 var _level: ComparisonSort
 var _size = GlobalScene.get_param("size", ArrayModel.DEFAULT_SIZE)
 var _data_type = GlobalScene.get_param(
     "data_type", ArrayModel.DATA_TYPES.RANDOM_UNIQUE)
 
 func _ready():
-    var types = $Level/Right/Display/TypesContainer/Types
+    _load_types($Level/Right/Display/TypesContainer)
+    _load_types($BigDisplay/TypesContainer)
+    _reload()
+
+func _load_types(node):
+    var types = VBoxContainer.new()
+    types.name = "Types"
+    node.add_child(types)
     for type in ArrayModel.DATA_TYPES:
         var button = Button.new()
         button.text = type.replace("_", " ")
@@ -35,23 +42,34 @@ func _ready():
     var bottom = types.get_child(types.get_child_count() - 1)
     top.focus_neighbour_top = bottom.get_path()
     bottom.focus_neighbour_bottom = top.get_path()
-    _reload()
 
 func _reload():
-    $NamesContainer/Names/Current.grab_focus()
-    if _index == -1:
-        _index = 0
-    _level = LEVELS[_index].new(ArrayModel.new(_size, _data_type))
-    _level.connect("done", self, "_on_ComparisonSort_done")
+    # Load everything from scratch
+    _restart()
     _load_scores(_level)
-    # Load level information
     $NamesContainer/Names/Current.text = _level.NAME
     $Level/Left/Code.text = _level.DESCRIPTION
     $Level/Right/Info/ControlsContainer/Controls.text = _level.CONTROLS
-    var view = $Level/Right/Display/HBoxContainer
-    view.get_parent().remove_child(view)
-    view.queue_free()
-    $Level/Right/Display.add_child(ArrayView.new(_level), true)
+
+func _restart():
+    set_process_input(true)
+    # Only load in a restarted simulation
+    $NamesContainer/Names/Current.grab_focus()
+    _level = LEVELS[_index].new(ArrayModel.new(_size, _data_type))
+    _level.connect("done", self, "_on_ComparisonSort_done")
+    var view = $Level/Right/Display if $Level.visible else $BigDisplay
+    var other = $BigDisplay if $Level.visible else $Level/Right/Display
+    # Delete both ArrayViews if they exist
+    if other.get_node_or_null("HBoxContainer") != null:
+        other.get_node("HBoxContainer").queue_free()
+    var array_view = view.get_node_or_null("HBoxContainer")
+    if array_view != null:
+        # XXX: remove_child is needed in order to ensure that the added
+        # child will be named "HBoxContainer" and not "HBoxContainer2"
+        # because the other ArrayView hasn't been queue_free'd yet
+        view.remove_child(array_view)
+        array_view.queue_free()
+    view.add_child(ArrayView.new(_level), true)
     $Timer.start()
 
 func _load_scores(level):
@@ -91,16 +109,21 @@ func _input(event):
         $Timer.wait_time = min($Timer.wait_time * 4, MAX_WAIT)
     if event.is_action_pressed("change_data"):
         AudioServer.set_bus_mute(AudioServer.get_bus_index("Master"), true)
-        $Level/Right/Display/HBoxContainer.hide()
-        $Level/Right/Display/TypesContainer.show()
+        var display = $Level/Right/Display if $Level.visible else $BigDisplay
+        display.get_node("HBoxContainer").hide()
+        display.get_node("TypesContainer").show()
         $Timer.stop()
-        $Level/Right/Display/TypesContainer/Types.get_child(0).grab_focus()
+        display.get_node("TypesContainer/Types").get_child(0).grab_focus()
+    if event.is_action_pressed("big_preview"):
+        $Level.visible = not $Level.visible
+        $BigDisplay.visible = not $BigDisplay.visible
+        _restart()
 
 func _on_ComparisonSort_done():
+    set_process_input(false)
     $Timer.stop()
     yield(get_tree().create_timer(1), "timeout")
-    if _level.array.is_sorted():
-        _reload()
+    _restart()
 
 func _on_Timer_timeout():
     _level.next(null)
@@ -111,8 +134,9 @@ func _on_Current_pressed():
 
 func _on_Button_pressed(data_type):
     AudioServer.set_bus_mute(AudioServer.get_bus_index("Master"), false)
-    $Level/Right/Display/TypesContainer.hide()
-    $Level/Right/Display/HBoxContainer.show()
+    var display = $Level/Right/Display if $Level.visible else $BigDisplay
+    display.get_node("TypesContainer").hide()
+    display.get_node("HBoxContainer").show()
     $Timer.start()
     _data_type = ArrayModel.DATA_TYPES[data_type]
-    _reload()
+    _restart()