hey guys, im having troubles creating a motion path for my code. I am pretty new to processing and so far I have managed to make the animation follow the mouse, however I would like to create a motion path so the user can watch the animation rather than using their mouse. Any suggestions on how to do this?
Here is my code so far:

color col = color(66,168,237,200);
float lineLength = width/5;
float angle = 45;
float angleSpeed = 7;

 
void setup() {
  size(1000, 414);
  background(255);
  smooth();
}
 
void draw() {
    pushMatrix();
    strokeWeight(0.3);
    stroke(col);
    translate(mouseX,mouseY);
    rotate(radians(angle));
    line(0, 0, lineLength, 0);
    lineLength = random(width/4, height/2);
    popMatrix();
    
    angle += angleSpeed-10;
  }

 

Cheers in advance

Just wondering if anyone could help me shorten this piece of code?

float p = -15; //coding for new lights.
  float q = 100;
  float s = 80;
  ellipse(p, 50, q, q); //positioning of lights
  filter(BLUR);
  ellipse(p, 50, s, s);
  ellipse(p, 200, q, q);
  filter(BLUR);
  ellipse(p, 200, s, s);
  ellipse(p, 350, q, q);
  filter(BLUR);
  ellipse(p, 350, s, s);

its basically just a row of circles which are part of my code, but its making my browser lag a bit

Hi there
I am looking to generate a tree with branches that will 'grow' to random points as you click the mouse. Any ideas on how i might be able to achieve this? Something along the lines of the picture below is what im aiming to achieve