Implement piano practice sequence functionality (#6)

* Lesson almost working

* Getting closer

* Initial working sequence

* Improve layout

* Ability to fine-tune finger numbers

* Improve code

* Add C Major chord inversions

* Fixed chord (inversion) sequences

* Clean up finger numbers

* Cleanup signal handlers

* Clean up

Author: brylie

app/scenes/piano.gd

@@ -1,8 +1,10 @@
-[gd_scene load_steps=4 format=3 uid="uid://deocrbvduwvbf"]
+[gd_scene load_steps=6 format=3 uid="uid://deocrbvduwvbf"]
 
-[ext_resource type="Script" path="res://scenes/piano.gd" id="1_16djv"]
-[ext_resource type="Script" path="res://scenes/note_display.gd" id="2_4lvi2"]
+[ext_resource type="Script" path="res://scripts/piano.gd" id="1_16djv"]
+[ext_resource type="Script" path="res://scripts/note_display.gd" id="2_4lvi2"]
 [ext_resource type="PackedScene" uid="uid://qnn08ykran7h" path="res://scenes/metronome.tscn" id="3_m4k2l"]
+[ext_resource type="Script" path="res://scripts/finger_display.gd" id="4_k3m9p"]
+[ext_resource type="Script" path="res://scripts/sequence_manager.gd" id="5_r2n4b"]
 
 [node name="Piano" type="Control"]
 layout_mode = 3
@@ -26,5 +28,11 @@ script = ExtResource("2_4lvi2")
 [node name="PianoKeys" type="Node2D" parent="."]
 position = Vector2(0, 100)
 
+[node name="FingerDisplay" type="Node2D" parent="PianoKeys"]
+script = ExtResource("4_k3m9p")
+
+[node name="SequenceManager" type="Node" parent="."]
+script = ExtResource("5_r2n4b")
+
 [node name="CanvasLayer#Metronome" parent="." instance=ExtResource("3_m4k2l")]
 layout_mode = 1

app/scenes/piano.tscn

@@ -0,0 +1,70 @@
+class_name FingerDisplay
+extends Node2D
+
+const LEFT_HAND_COLOR = Color(0.8, 0.8, 0.8, 1.0)
+const RIGHT_HAND_COLOR = Color(0.8, 0.8, 0.8, 1.0)
+const LESSON_COLOR = Color(0.3, 0.8, 0.3, 1.0)
+const BACKGROUND_COLOR = Color(0.1, 0.1, 0.1, 1.0)
+const BACKGROUND_HEIGHT = 40
+
+const KEY_ADJUSTMENTS = {
+	"C": -2,   # Slight left adjustment
+	"D": -3,   
+	"E": -2,   
+	"F": -2,   
+	"G": -3,   
+	"A": -3,   
+	"B": -2,   
+	"C#": -4,  # Black keys
+	"D#": -4,
+	"F#": -4,
+	"G#": -4,
+	"A#": -4
+}
+
+var background_rect: ColorRect
+var finger_labels: Array[Label] = []
+
+func _ready():
+	setup_background()
+
+func setup_background():
+	background_rect = ColorRect.new()
+	background_rect.color = BACKGROUND_COLOR
+	background_rect.z_index = -1
+	add_child(background_rect)
+	update_background_size()
+
+func _process(delta):
+	update_background_size()
+
+func update_background_size():
+	if background_rect:
+		var viewport_size = get_viewport_rect().size
+		background_rect.size = Vector2(viewport_size.x, BACKGROUND_HEIGHT)
+		background_rect.position = Vector2(0, -BACKGROUND_HEIGHT)
+
+func clear_indicators():
+	for label in finger_labels:
+		label.queue_free()
+	finger_labels.clear()
+
+func add_finger_indicator(note: PianoNote, key_rect: Rect2, is_current: bool = false):
+	var label = Label.new()
+	label.text = str(note.finger)
+	label.add_theme_font_size_override("font_size", 24)
+	
+	var color = LESSON_COLOR if is_current else (RIGHT_HAND_COLOR if note.hand == "R" else LEFT_HAND_COLOR)
+	label.add_theme_color_override("font_color", color)
+	
+	add_child(label)
+	finger_labels.append(label)
+	label.size = label.get_minimum_size()
+	
+	var note_name = note.pitch.left(len(note.pitch) - 1)
+	var x_adjustment = KEY_ADJUSTMENTS.get(note_name, 0)
+	
+	label.position = Vector2(
+		key_rect.position.x + (key_rect.size.x / 2) - (label.size.x / 2) + x_adjustment,
+		-BACKGROUND_HEIGHT/2 - label.size.y/2
+	)