P5.js Study 039

Generative Design with p5.js / Sketch P_2_3_1_01 を試しながらアレンジ。
元ネタ：https://editor.p5js.org/generative-design/sketches/P_2_3_1_01

ロジックのポイント

マウスをプレスした位置から、ある角度の方向に直線を描く。
直線はフレームごとに1本描かれる。
直線の角度はフレームごとに変化する。
マウスを動かさなくても直線は描かれ続ける。マウスを動かさなければ、直線の軌跡は円形になる。

  if (mouseIsPressed && mouseButton == LEFT) {
    push();
    translate(mouseX, mouseY);
    rotate(radians(angle));
    stroke(c);
    line(0, 0, lineLength, 0);
    pop();

    angle += angleSpeed;
  }

たったこれだけなのに表現力がすごい。