xxxxxxxxxx
85
var angle = 0
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]