Update javascript/app.js

javascript/app.js

@@ -168,16 +168,27 @@ class MidiVisualizer extends HTMLElement{
 
     }
 
-    getColor(track, channel){
-        let key = `${track},${channel}`;
-        let color = this.colorMap.get(key);
-        if(!!color){
-            return color;
-        }
-        color = HSVtoRGB(Math.random(),Math.random()*0.5 + 0.5,1);
-        this.colorMap.set(key, color);
-        return color;
+    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
+    function 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})`;
+    }
+
 
     drawNote(x, y, w, h, fill) {
         if (!this.svg) {