feat: add array model and array view component

Wrote a wrapper ArrayModel class in models/, which is where future data
structures should go. It is used by the ArrayView class in views/, which
is where future displays should go.

Author: danielzting

assets/theme.theme

@@ -0,0 +1,26 @@
+"""
+A plain old one-dimensional random access array.
+"""
+
+extends Reference
+class_name ArrayModel
+
+var array = []
+var size
+
+func _init(size):
+	for i in range(1, size + 1):
+		array.append(Element.new(i))
+	array.shuffle()
+	self.size = size
+
+func get(index):
+	return array[index]
+
+class Element:
+	var value
+	var emphasized
+
+	func _init(value):
+		self.value = value
+		self.emphasized = false

models/array_model.gd

@@ -8,9 +8,20 @@
 
 config_version=4
 
-_global_script_classes=[  ]
+_global_script_classes=[ {
+"base": "Reference",
+"class": "ArrayModel",
+"language": "GDScript",
+"path": "res://models/array_model.gd"
+}, {
+"base": "HBoxContainer",
+"class": "ArrayView",
+"language": "GDScript",
+"path": "res://views/array_view.gd"
+} ]
 _global_script_class_icons={
-
+"ArrayModel": "",
+"ArrayView": ""
 }
 
 [application]

project.godot

@@ -55,12 +55,6 @@ margin_bottom = 1020.0
 size_flags_vertical = 3
 script = ExtResource( 3 )
 
-[node name="Display" type="Control" parent="PlayingScreen/DisplayBorder"]
-margin_left = 20.0
-margin_top = 20.0
-margin_right = 1840.0
-margin_bottom = 914.0
-
 [node name="Timer" type="Timer" parent="."]
 one_shot = true
 autostart = true

scenes/play.tscn

@@ -3,20 +3,26 @@ extends VBoxContainer
 var start_time = -1
 
 func _ready():
+	$HUDBorder/HUD/Level.text = scene.get_param("level")
+	# Show ready text
 	var label = Label.new()
 	label.text = "ready..."
 	label.align = Label.ALIGN_CENTER
 	label.set_anchors_preset(Control.PRESET_HCENTER_WIDE)
-	$DisplayBorder/Display.add_child(label)
-	$HUDBorder/HUD/Level.text = scene.get_param("level")
-	match scene.get_param("level"):
-		"BUBBLE SORT":
-			pass
+	$DisplayBorder.add_child(label)
 
 func _process(delta):
+	# Show elapsed time in milliseconds
 	var elapsed_time = stepify((OS.get_ticks_msec() - start_time) / 1000.0, 0.001)
 	$HUDBorder/HUD/Score.text = "0.000" if start_time == -1 else "%.3f" % elapsed_time
 
 func _on_Timer_timeout():
-	$DisplayBorder/Display.get_child(0).queue_free()
 	start_time = OS.get_ticks_msec()
+	# Delete ready text
+	$DisplayBorder.get_child(0).queue_free()
+	# Load level
+	var array = ArrayModel.new(10)
+	match scene.get_param("level"):
+		"BUBBLE SORT":
+			pass
+	$DisplayBorder.add_child(ArrayView.new(array))

scripts/play.gd

@@ -0,0 +1,23 @@
+extends HBoxContainer
+class_name ArrayView
+
+const GREEN = Color(0.2, 1, 0.2)
+const ORANGE = Color(1, 0.69, 0)
+
+var model: ArrayModel
+var rects = []
+
+func _init(model):
+	self.model = model
+	for i in range(model.size):
+		var rect = ColorRect.new()
+		rect.size_flags_horizontal = Control.SIZE_EXPAND_FILL
+		rect.size_flags_vertical = Control.SIZE_SHRINK_END
+		rect.color = GREEN
+		rects.append(rect)
+		add_child(rect)
+
+func _draw():
+	for i in range(model.size):
+		rects[i].rect_scale.y = -1 # Override parent Control scale
+		rects[i].rect_size.y = rect_size.y * model.get(i).value / model.size