Fractalの木を作ろう!


let angle;
let slider;

function setup() {
  createCanvas(400, 400);
  angle = PI / 4;
  slider = createSlider(0, TWO_PI, PI / 4, 0.01);//sliderを作ります。
}

function draw() {
  background(120);
  stroke(255);
  angle = slider.value();//角度をスライダーの値に
  translate(200, height);//横真ん中、縦一番下に移動
  brunch(100);
}

function brunch(len) {

  line(0, 0, 0, -len);
  translate(0, -len);

  if (len > 4) {
    push();
    rotate(angle);
    brunch(len * 0.67);//brunch functionの中でbrunch functionを読み込みます。無限に読み込み続けるのでlenが4より大きいときにしています。
    pop();

    push();
    rotate(-angle);
    brunch(len * 0.67);
    pop();
  }

}

カテゴリー: p5js

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です