let defaultXoff;

​

function saveIMG() {

  save('fractal tree.png')

}

​

​

function setup() {

  createCanvas(700, 800);

  mode = int(random(0, 3));

  setColorScheme(mode);

​

  defaultXoff = random(0, 1000);

  let sunWidthPos = width * random(0.2, 0.8);

  let sunHeightPos = height * random(0.2, 1);

  let colIndex = floor(map(sunHeightPos, 160, height, 4, -1));

​

  if (colIndex >= 0) {

    backgroundGradient(backCol[colIndex]);

    drawSun(sunWidthPos, sunHeightPos);

    if (mode != 2) {

      backgroundMountains(135, 250, 0.015, mCol1[colIndex]);

    }

    backgroundMountains(50, 110, 0.006, mCol2[colIndex]);

    backgroundTrees(50, 110, 0.006, mCol2[colIndex], leafCol, 9, 0.002);

    backgroundMountains(15, 45, 0.002, mCol3[colIndex]);

    backgroundTrees(15, 45, 0.002, mCol3[colIndex], leafCol, 13, 0.004);

​

    let tree = new Tree(createVector(width / 2, height), leafCol, branchCol);

    tree.draw();

  } else {

    background(21, 34, 56)

    drawMoonStars();

    backgroundMountains(135, 250, 0.015, [28, 28, 38]);

    backgroundMountains(50, 110, 0.006, [10, 100]);

    backgroundTrees(50, 110, 0.006, branchColN, leafColN, 9, 0.002);

    backgroundMountains(15, 45, 0.002, [10, 100]);

    backgroundTrees(15, 45, 0.002, branchColN, leafColN, 13, 0.004);

​

    let tree = new Tree(createVector(width / 2, height), leafColN, branchColN);

    tree.draw();

  }

​

  button = createButton('save image');

  button.size(150, 40);

  button.style('font-size', '22px');

  button.style('background-color', 'white')

  button.mousePressed(saveIMG);

​

  msg = createDiv("&#x2661 refresh page to create your favorite random fractal tree<BR/>be ready to save, you won't see the same image twice! &#x2661");

  if (colIndex > 1) {

    msg.style('color', 'black');

  } else {

    msg.style('color', 'white');

  }

  msg.style('font-size', '22px');

  msg.style('font-family', 'Garamond');

  msg.style('font-weight', 'bold');

  msg.position(10, 10);

  noLoop();

}

​