const maxDepth = 8

​

function setup() {

  console.clear()

  const size = 480

  createCanvas(size, size)

  background(255)

  angleMode(DEGREES)

  tree = new Stick(64)

}

​

function draw() {

  background(255)

  translate(width/2, height-80)

  tree.draw()

}

​

​

class Stick {

  constructor(size, degree=0, depth=0) {

    this.size = size

    this.degree = degree

    this.depth = depth

    this.children = []

​

    if(depth < maxDepth) {

      this.split()

    }

  }

  draw = () => {

    fill('red')

    rect(0,0,200,200)

    push()

    stroke(0)

    strokeWeight(this.size/8)

    rotate(this.degree)

    line(0, 0, 0, -this.size)

​

    translate(0, -this.size)

    for(let i=0; i<this.children.length; i++) {

      this.children[i].draw()

    }

    pop()

  }

  split = () => {

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

      if(Math.random() > this.depth/maxDepth) {

        const dir = i % 2 === 0 ? 1 : -1

        const angle = random(10, 30) * dir

        const size = random(this.size*0.75, this.size*0.96)

        this.children.push(

          new Stick(size, angle, this.depth+1)  

        )

      }

    }

  }

}