Forêt de mots

//noprotect

function preload() {

  pacifico = loadFont("Pacifico-Regular.ttf");

  nabla = loadFont("Nabla-Regular-VariableFont_EDPT,EHLT.ttf");

}

let words = ["Amour", "Lumière", "Beauté", "Silence", "Instant", "Âme", "Coeur", "Nature", "Infini", "Joie", "Fragilité", "Simplicité", "Grâce", "Solitude"];

​

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  noiseDetail(8, 0.25);

  pixelDensity(2);

  noLoop();

}

​

function draw() {

  background(0);

  drawClouds();

  for (let j = 0; j < width * 0.0095; j++) {

    background(0, 12);

    for (let i = 0; i < 7; i++) {

      let h = random(map(j, 0, 5, 20, 50), map(j, 0, 7, 70, 250));

      let x = random(width);

      let y = 0.7 * height + 10 + i * (j*3);

​

      push();

      cFont = random() < 0.5 ? pacifico : nabla;

      textFont(cFont);

      let leTextSize = random(map(j, 0, 4, 12, 26))

      textSize(leTextSize);

      if (cFont === pacifico) {

        fill(230, 90);

        strokeWeight(2);

        stroke(190, 90);

      } else {

        //noFill();

        fill(240, 90);

        strokeWeight(2);

        stroke(200, 90);

      }

      text(random(words), x-leTextSize, y+leTextSize);

      pop();

​

      appleTree(x, y, h / 1.5, h);

    }

  }

​

  push();

    drawingContext.setLineDash([3,1,2,4]);

    noFill();

    stroke(0, "rgb(80,44,80)");

    strokeWeight(width/height*15);

    rect(0, 0, width, height);

  pop();

}

​

function appleTree(x, y, w, h) {

  let y0 = y - h * 1.1;

  stroke(0, 17, 0);

  noFill();

  stroke(240);

  strokeWeight(1.7);

  line(x, y, x, y - h * 0.5);

  strokeWeight(random(0.4,0.8));

  fill(106, 86, 78, 65);

  //rect(x-30,y-30, h/5,h/5);

  push();

  fill(150,80,210,85);

  pop();

​

  let di = random(3, 7);

  for (let i = y0 + h * 0.2; i < y - h * 0.2; i += di) {

    let theta = map(i, y0 + h * 0.2, y - h * 0.2, 0, PI);

    let l = w * sin(theta);

    branch(x, i, l);

  }

}

​

function branch(x, y, l) {

  for (let i = 0; i < 13; i++) {

    let dy = random(-1, 5);

    let dl = random(1);

    bezier(x - dl * 0.50 * l, y + dy,

           x - dl * 0.25 * l, y,

           x + dl * 0.25 * l, y,

           x + dl * 0.50 * l, y + dy);

  }

}

​

function drawClouds() {

    let yPosOffset = 0;

    for (let xPos = 0; xPos < width; xPos += 3) {

    let xPosOffset = 0;

    for (let yPos = 0; yPos < height; yPos += 5) {

      let cloudAngle = noise(xPosOffset, yPosOffset) * TAU * 2 - cos(xPos / yPos) * 6;

      let vectorDirection = p5.Vector.fromAngle(cloudAngle);

      let noiseValue = noise(xPosOffset, yPosOffset) * random(50, 450);

      push();

      translate(xPos + cos(yPos / 20) * 20, yPos);

      rotate(vectorDirection.heading());

      let circleSize = random(5, 25);

​

      fill(noiseValue * 2, noiseValue / 10 - yPos / 40, 5);

      noStroke();

      ellipse(0, 0, circleSize, circleSize);

​

      noFill();

      strokeWeight(random(1, 3));

      stroke(noiseValue * 2, noiseValue / 10 - yPos / 40, 15);

      ellipse(0, 0, circleSize, circleSize);

​

      pop();

      xPosOffset += 0.1;

    }

    yPosOffset += 0.01;

  }

}

​

​

​

function mousePressed() {

  redraw();

}

​

function keyTyped() {

  if (key === "s" || key === "S") {

    saveCanvas("foret_de_mots", "png");

  }

}

​