​

let axiom = 'F++F++F';

let char_1 = 'F', rule_1 = 'F-F++F-F';

let angle = 60, lineLen = 50;

​

var drawer;

​

function setup() {

  createCanvas(600, 600);

  background(220);

  for(i = 1; i < gens; i++)

    axiom = applyRule(axiom); 

  console.log(axiom);

  lineLen = 50 / gens;

  drawer = new Drawer(width / (gens + 1), height / (gens + 1));

  drawer.penDown();

  for(i = 0; i < axiom.length; i++){    

    if(axiom[i] === 'F'){

      drawer.forward(lineLen);

    }

    else if(axiom[i] === '-'){

      drawer.left(angle);

    }

    else if(axiom[i] === '+'){

      drawer.right(angle);

    }

  }

  noLoop();

}

​

function draw() {  

}

​

function applyRule(axiom){

  let res = axiom.replaceAll(char_1, rule_1);

  return res;

}