let x = 0;

let y = 0;

let chance = 0.5;

​

let sliderChance;

let sliderSpace;

​

function setup() {

  createCanvas(600, 600);

  background(0);

​

  // Optional sliders

  sliderChance = createSlider(0, 100, 50, 1);

  sliderChance.position(10, 610);

  sliderChance.style("width", "200px");

​

  sliderSpace = createSlider(10, 20, 1);

  sliderSpace.position(10, 650);

  sliderSpace.style("width", "200px");

}

​

function probability() {

  let prob = random(1);

  return prob;

}

​

function rectAngle() {

  if (probability() > chance) {

    line(x + space / 2, y, x + space / 2, y + space);

  } else {

    line(x, y + space / 2, x + space, y + space / 2);

  }

}

​

function circles() {

  if (probability() > chance) {

    circle(x, y, space);

  }

}

​

function squares() {

  if (probability() > chance) {

    rect(x, y, space);

  }

}

​

function lines() {

  strokeWeight(5);

  if (probability() > chance) {

    line(x, y, x + space, y + space);

  } else {

    line(x + space, y, x, y + space);

  }

}

​

function triangles() {

  if (probability() > chance) {

    triangle(x, y, x + space, y + space, x + space, y);

  } else {

    triangle(x + space, y, x, y + space, x, y);

  }

}

​

function draw() {

  chance = sliderChance.value() / 100;

  space = sliderSpace.value();

  stroke(248, 110, 255);

  fill(248, 110, 255);

​

  // COMMENT AND UNCOMMENT EACH LINE TO SEE DIFFERENT OUTPUTS

  lines() ;

  // rectAngle();

  // circles();

  // squares();

  // triangles();

​

  if (x < width) {

    x += space;

  } else {

    x = 0;

    y += space;

  }

  if (y >= height) {

    noLoop();

  }

}

​