Move fingering descriptions to separate file

This allows the user to modify the instruments, without understanding the code. Some documentation is included, and a lot of names are changed to be closer to the domain.
2026-05-13 10:20:11 +02:00
parent c915c48610
commit 8dc9b87035
2 changed files with 182 additions and 116 deletions
--- a/woodwind_tab_generator/Fingering.js
+++ b/woodwind_tab_generator/Fingering.js
@ -0,0 +1,148 @@
+// +--------+
+// | COLORS |
+// +--------+
+// You can change the color of the fingering chart here.
+// Colors can be hex codes ("#123456") or names ("green")
+
+function getColor(note) {
+  const colorMap = {
+    C: "#ed1c24",
+    "C#": "#f37021",
+    D: "#f8931e",
+    "D#": "#ffc20e",
+    E: "#fff200",
+    F: "#bed630",
+    "F#": "#72bf44",
+    G: "#00a29d",
+    "G#": "#007dc5",
+    A: "#49479d",
+    "A#": "#8d5ca6",
+    B: "#c9277d",
+  }
+  return colorMap[note] || "gray"
+}
+
+//---------------------------------------------------------
+// INSTRUMENTS
+//---------------------------------------------------------
+
+// Each woodwind has the form:
+// {
+//  name:
+//  fingering:
+//  format:
+// },
+//
+// NAME: can be anything descriptive.
+// 
+// FINGERING:
+// Each note that can be played, then its holes.
+// Holes are listed starting from the mouthpiece.
+// You can use these symbols to represent whether the holes are covered:
+//      0 = ○
+//      o = ⦶
+//      1 = ●
+//      | = ◐
+//      - = ◒
+//
+// FORMAT:
+// Decide how the fingering will be displayed.
+// "$note" will be replaced with the name of the note,
+// "$1" "$2" etc. will be replaced by the hole symbols, with $1 being closest to the mouthpiece.
+
+
+const woodwinds = [
+    {
+      name: "Soprano Recorder",
+      fingering: {
+            "C4":  "11111111",
+            "C#4": "1111111|",
+            "D4":  "11111110",
+            "D#4": "111111|o",
+            "E4":  "111111oo",
+            "F4":  "11110011",
+            "F#4": "1111011o",
+            "G4":  "111100oo",
+            "G#4": "111011|o",
+            "A4":  "111000oo",
+            "A#4": "110110oo",
+            "B4":  "110000oo",
+            "C5":  "101000oo",
+            "C#5": "011000oo",
+            "D5":  "001000oo",
+            "D#5": "0011111o",
+            "E5":  "-11111oo",
+            "F5":  "-111101o",
+            "F#5": "-11101oo",
+            "G5":  "-11100oo",
+            "G#5": "-11010oo",
+            "A5":  "-11000oo",
+            "A#5": "-110011|",
+            "B5":  "-11011oo",
+            "C6":  "-10011oo",
+            "C#6": "-1011011",
+            "D6":  "-1011011",
+            "D#6": "-011011o",
+      },
+      format:
+`$note
+
+$1
+—
+$2
+$3
+$4
+—
+$5
+$6
+$7
+$8`
+    },
+
+    {
+      "name": "Alto Recorder",
+      "fingering": {
+             "F4": "11111111",
+             "F#4":"1111111|",
+             "G4": "11111110",
+             "G#4":"111111|o",
+             "A4": "111111oo",
+             "A#4":"11110011",
+             "B4": "1111011o",
+             "C5": "111100oo",
+             "C#5":"111011|o",
+             "D5": "111000oo",
+             "D#5":"110110oo",
+             "E5": "110000oo",
+             "F5": "101000oo",
+             "F#5":"011000oo",
+             "G5": "001000oo",
+             "G#5":"0011111o",
+             "A5": "-11111oo",
+             "A#5":"-111101o",
+             "B5": "-11101oo",
+             "C6": "-11100oo",
+             "C#6":"-11010oo",
+             "D6": "-11000oo",
+             "D#6":"-110011|",
+             "E6": "-11011oo",
+             "F6": "-10011oo",
+             "F#6": "-1011011",
+             "G6": "-1011011",
+             "G#6": "-011011o",
+      },
+      format:
+`$note
+
+$1
+—
+$2
+$3
+$4
+—
+$5
+$6
+$7
+$8`
+    },
+];