Old school D3 from simpler times

All examples By author By category About

Yannael

Full window Github gist

TestOpenProcessing

Built with blockbuilder.org

forked from Yannael's block: fresh block

forked from Yannael's block: fresh block

forked from Yannael's block: fresh block

forked from Yannael's block: fresh block

forked from Yannael's block: TestOpenProcessing

forked from Yannael's block: TestOpenProcessing

forked from Yannael's block: TestOpenProcessing

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.23/p5.min.js"></script>
</head>

<body>
  <script>
    var theta;
    
function setup(){
  size(650, 650);
  frameRate(70);
   theta=random(0, 6.289)
}

function draw()
{
  background(0);
// theta = radians((mouseX / (float) width) *360);
  theta=theta+0.05;
  translate(width/2, height/2);
   
  for (var i =0; i <8; i++ ){
  branch(height/4,7);
  rotate(PI/4);
}
}
 
function branch( len,  num)
{
  len =len/sqrt(2);
  num = num-1;
  if ((len > 1) && (num > 0))
  {
    pushMatrix();
    rotate(theta);
    stroke(152,247,255);
    strokeWeight(num/4);
    line(0, 0, 0, -len/3);
    translate(0, -len/3);
    branch(len, num);
    popMatrix();
     
    pushMatrix();
    rotate(-theta);
    stroke(152,247,255);
    strokeWeight(num/4);
    line(0, 0, 0, -len);
    translate(0, -len);
    branch(len, num);
    popMatrix();
     
    pushMatrix();
    rotate(-2*theta);
    stroke(152,247,255);
    strokeWeight(num/4);
    line(0, 0, 0, -len/6);
    translate(0, -len/6);
    branch(len, num);
    popMatrix();
  }
}

</script>
</body>

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.23/p5.min.js"></script>
</head>
​
<body>
  <script>
    var theta;
    
function setup(){
  size(650, 650);
  frameRate(70);
   theta=random(0, 6.289)
}
​
 
​
function draw()
{
  background(0);
// theta = radians((mouseX / (float) width) *360);
  theta=theta+0.05;
  translate(width/2, height/2);
   
  for (var i =0; i <8; i++ ){
  branch(height/4,7);
  rotate(PI/4);
}
}
 
function branch( len,  num)
{
  len =len/sqrt(2);
  num = num-1;
  if ((len > 1) && (num > 0))
  {
    pushMatrix();
    rotate(theta);
    stroke(152,247,255);
    strokeWeight(num/4);
    line(0, 0, 0, -len/3);
    translate(0, -len/3);
    branch(len, num);
    popMatrix();
     
    pushMatrix();
    rotate(-theta);
    stroke(152,247,255);
    strokeWeight(num/4);
    line(0, 0, 0, -len);
    translate(0, -len);
    branch(len, num);
    popMatrix();
     
    pushMatrix();
    rotate(-2*theta);
    stroke(152,247,255);
    strokeWeight(num/4);
    line(0, 0, 0, -len/6);
    translate(0, -len/6);
    branch(len, num);
    popMatrix();
  }
}
​
  </script>
</body>
​
    

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.23/p5.min.js