Wie kann ich jedem Kreis in einem Raster eine zufällige Farbe zuweisen und dann jeden Kreis dazu bringen, das Farbspektrum von der Startfarbe an zu durchlaufen?

Ich versuche, jedem Kreis einmal eine zufällige Farbe zuzuweisen und dann diese Farbe durch das Farbspektrum zu bewegen. Ich bin ein Anfänger und kann nicht herausfinden, wie man die zufällige Farbe in der Draw-Funktion daran hindert, jede Schleife zurückzusetzen, ohne sie in die Setup-Funktion zu ziehen, die dann alle Kreise mit derselben zufälligen Farbe beginnen lässt. Code unten von dem, was ich bisher habe. Es scheint sich im Moment auch in einer leichten Welle die Farben zu ändern, ich vermute, dass dies mit dem 'für' zu tun hat. Alles, was ich will, ist ein Raster aus Kreisen, denen einmal eine zufällige Farbe zugewiesen wird und die dann ihre Farbe mit der gleichen Geschwindigkeit durch das Farbrad ziehen. Danke im Voraus!

let intervals = [10];
let count;
let frameWidth;
let distance;
let diam1;
let col1;
let sat1;
let bri1;
let speed;

function setup() {
  
  createCanvas(800, 800);  
  
  colorMode(HSB, 360, 100, 100, 1);
  
//initiate draw variables
  
  count = random(intervals);
  
  frameWidth = (width*0.8);
  
  distance = (frameWidth/count);
  
  col1 = random(360);
  
  diam1 = distance*0.5;  
  
  speed = 0.005;
  
}

function draw() {
  
  background(0, 0, 0, 1);

// draw grid of circles
  
  for (let x = width * 0.1; x <= width * 0.9; x += distance) {
    
    for (let y = height * 0.1; y <= height * 0.9; y += distance) {
      
      sat1 = 100;
      
      bri1 = 100;
      
      noStroke();
      
      fill(col1, sat1, bri1, 1);
      
      ellipse(x,y,diam1);
      
      col1 = col1 + speed
      
      if (col1 >= 360) {
        
      col1 = 0
      
      }
  
      }
    }
  }