let l_pos;

let r_pos;

let vel;

let a = 100;

​

function setup() {

  createCanvas(600, 500);

  background(30);

  angleMode(DEGREES);

  // colorMode(HSB);

  e_pos = createVector(width/2, height/2);

  l_pos = createVector(width/2, height/2);

  r_pos = createVector(0,0);

  vel = createVector(0.2, 0.1);

}

​

function draw() {

  lines();

  // ellipses();

  rects();

}

​

function ellipses(){

  translate(width/2, height/2);

  blendMode(SOFT_LIGHT);

  // green ellipses

  push();

  rotate(frameCount);

  stroke(111, 252, 111, a);

  noFill();

  ellipse(e_pos.x, e_pos.y, 50, 70);

  pop();

  e_pos.add(random(-3, 3));

  // purple ellipses

  push();

  rotate(-frameCount);

  stroke(212, 111, 252, a);

  noFill();

  ellipse(e_pos.x, e_pos.y, 50, 70);

  pop();

  e_pos.add(random(-3, 3));

}

​

function lines(){

  push();

  blendMode(SOFT_LIGHT);

  stroke(191, 94, 247, a);

  line(l_pos.x, l_pos.y, random(500), random(500));

  l_pos.mult(vel);

  pop();

}

​

function rects(){

  //blue

  push();

  blendMode(OVERLAY);

  noFill();

  stroke(125, 177, 250, a);

  rotate(63.8 * frameCount);

  rectMode(CENTER);

  // y_size = constrain(frameCount, 10, 600);

  // rect(r_pos.x, r_pos.y, random(100, 150), y_size);

  rect(r_pos.x, r_pos.y, random(100, 150), frameCount % 800);

  pop();

  // red

  push();

  translate(550, 450);

  blendMode(SOFT_LIGHT);

  noFill();

  stroke(247, 89, 57, a);

  rotate(102.3 * -frameCount);

  rect(r_pos.x, r_pos.y, random(100, 150), frameCount % 350);

  pop();

}

​

function mousePressed() {

  noLoop()

}

​