var branchsize = 0.1

var numberOflinesSlider;

let newangle = 0

let angleSlider;

let branchsizeSlider;

let levelSizeSlider;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  branchsizeSlider = createSlider(0,0.75,0.75,0.005);

  branchsizeSlider.position(10, 80);

    numberOflinesSlider = createSlider(2,15,1,1);

  numberOflinesSlider.position(10, 160);

  levelSizeSlider = createSlider(8,256,100,0.5);

  levelSizeSlider.position(10, 120);

  angleSlider = createSlider(0,TWO_PI,PI/4,0.0001);

  angleSlider.position(10, 40);

}

​

function draw() {

  background(255);

   level = levelSizeSlider.value()

  branchsize = branchsizeSlider.value()

  angle = angleSlider.value()

  numberOflines = numberOflinesSlider.value()

  newangle = (2*angle)/(numberOflines-1)

  noStroke()

  textSize(20);

  fill(0, 200, 203);

text('Angle Slider', 10, 40);

​

fill(0, 200, 203);

text('Branch Size Slider', 10, 80);

  fill(0, 200, 203);

text('Level Slider', 10, 120);

  fill(0, 200, 203);

text('Number Of Lines', 10,160);

​

  stroke(255)

  translate(windowWidth/2,height)

  Branch(height/4)

  // noLoop()

​

}

let arr = []

let q = 10

 arr.push(q)

​

function Branch(len){

  stroke(0)

  line(0,0,0,-len)

  translate(0,-len)

​

  if(len > level){

    for(var Position = 0; Position < numberOflines;++Position){

          push();

        arr.push(q++)

          rotate(angle - Position*(newangle))

      Branch(len*branchsize)

      arr.pop()

    pop();

​

    }

  }

  // console.log(arr)

}

​

​

​

//[0,1,2,3]

//[0,1,2,4]

//[0,1,5,6]

//[0,1,5,7]

​

​