Update javascript/app.js

javascript/app.js

@@ -169,24 +169,29 @@ class MidiVisualizer extends HTMLElement{
     }
 
     getColor(track, channel) {
-    // Create a unique hash for each track and channel combination
-    let hash = track * 1000 + channel;
-
-    // Convert the hash to a color
-    let color = hashToColor(hash);
-
-    return color;
-    }
-    
-    // Function to convert a hash to an RGB color
-    hashToColor(hash) {
-    // Use bitwise operations to extract RGB components
-    let r = (hash & 0xFF0000) >> 16;
-    let g = (hash & 0x00FF00) >> 8;
-    let b = hash & 0x0000FF;
-
-    // Convert RGB values to a CSS color string
-    return `rgb(${r}, ${g}, ${b}, 1)`;
+    const colors = [
+        [255, 0, 0],      // Red
+        [255, 255, 0],    // Yellow
+        [0, 128, 0],      // Green
+        [0, 255, 255],    // Cyan
+        [0, 0, 255],      // Blue
+        [255, 192, 203],  // Pink
+        [255, 165, 0],    // Orange
+        [128, 0, 128],    // Purple
+        [128, 128, 128],  // Gray
+        [255, 255, 255],  // White
+        [255, 215, 0],    // Gold
+        [192, 192, 192]   // Silver
+    ];
+
+    // Calculate an index based on the track and channel
+    const index = (track + channel) % colors.length;
+
+    // Get the RGB values from the colors array
+    const [r, g, b] = colors[index];
+
+    // Return the RGB color in the format "rgb(r, g, b)"
+    return `r: ${r}, g: ${g}, b: ${b})`;
     }