createCanvas(500, 500);

  noStroke();

  // Hintergrundfarbe

  background(255);

  // Zeichne die verschiedenen farbigen Kreise an unterschiedlichen Positionen

  //                 Position             rot  grün blau alpha/transparent

  drawGradientCircle(250, 250, 450, color(100, 200, 200, 2));

  drawGradientCircle(270, 230, 400, color(100, 100, 255, 5));

  drawGradientCircle(230, 270, 350, color(50, 50, 150, 10));

  drawGradientCircle(260, 260, 300, color(100, 200, 200, 20));

  drawGradientCircle(240, 240, 250, color(100, 100, 255, 20));

  drawGradientCircle(255, 255, 200, color(50, 50, 150, 30));

}

​

function drawGradientCircle(x, y, d, c) {

  for (let r = d; r > 0; r -= 2) {

    fill(c.levels[0], c.levels[1], c.levels[2], map(r, 0, d, 0, c.levels[3]));

    ellipse(x, y, r, r);

  }

}

​