Low Horizon

// composition: low horizon band across the lower third; the upper two-thirds stays sparse
// layering: sky wash, distant ridge, near field, grasses and one warm mark last
const PALETTE = [
  "#ece5ce", // paper
  "#c5e0dc", // sky wash
  "#036564", // far ridge
  "#033649", // near field
  "#e08e79", // warm accent
];

function setup() {
  createCanvas(800, 800, WEBGL);
  angleMode(DEGREES);
  brush.scaleBrushes(2.5);
  noLoop();
}

function draw() {
  translate(-width / 2, -height / 2);
  background("#ece5ce");
  brush.noStroke();

  // sky: one broad pale wash, allowed to bleed
  brush.fillBleed(0.45, "out");
  brush.fillTexture(0.4, 0.5);
  brush.fill("#c5e0dc", 28);
  brush.rect(400, 220, 780, 330, "center");

  // distant ridge
  brush.fill("#036564", 60);
  brush.fillBleed(0.3, "out");
  brush.beginShape(0.4);
  brush.vertex(-10, 560);
  brush.vertex(140, 508);
  brush.vertex(300, 546);
  brush.vertex(470, 492);
  brush.vertex(640, 538);
  brush.vertex(810, 502);
  brush.vertex(810, 640);
  brush.vertex(-10, 640);
  brush.endShape(true);

  // near field, darker and more textured
  brush.fill("#033649", 85);
  brush.fillBleed(0.22, "in");
  brush.fillTexture(0.65, 0.7);
  brush.beginShape(0.3);
  brush.vertex(-10, 634);
  brush.vertex(190, 600);
  brush.vertex(420, 636);
  brush.vertex(620, 606);
  brush.vertex(810, 630);
  brush.vertex(810, 810);
  brush.vertex(-10, 810);
  brush.endShape(true);

  // grasses: short strokes, gaussian-clustered, mostly ink with rare warm blades
  brush.pick("2H");
  for (let i = 0; i < 150; i++) {
    const x = randomGaussian(420, 250);
    const y = max(640, randomGaussian(690, 45));
    brush.stroke(random() < 0.92 ? "#033649" : "#e08e79");
    brush.strokeWeight(max(0.3, randomGaussian(0.8, 0.3)));
    brush.line(x, y, x + randomGaussian(0, 9), y - max(10, randomGaussian(36, 13)));
  }

  // one warm mark in the sky, off the thirds line
  brush.noStroke();
  brush.fillBleed(0.5, "out");
  brush.fill("#e08e79", 120);
  brush.circle(556, 178, 27, true);
}