P5

function setup() {
  createCanvas(960, 600);
  background(255);

  var r = 5; // Radius des Kreises
  var a = (2*r) + 1; // Abstand = 2 * Radius + 1px;

  fill(0);
  noStroke();
  ellipseMode(RADIUS);

  // Loop aus letztem Script…
  for (var y = a; y < height - a; y = y + a) {
    for (var x = a; x < width - a; x = x + a) {
      fill(255-y/2,0+y/2,0+y/2);
      ellipse(x, y, r, r);
    }
  }

  // damit wird das Bild "muster.png" erzeugt
  // es ist auch das Format ".jpg" möglich
  save("muster.png");
}

Ablage des Bilder

Je nach Browser wird das Bild direkt bei Downloads abgespeichert oder es springt ein Dialogfenster auf und fragt…