PImage bg;
int a; 

void setup() 
{
  size(400,400);
  frameRate(30);
  bg = loadImage("lines_circles.jpg");//background image is another processing picture I created
}

void draw() 
{
  background(bg);
  a = (a + 1)%(width+32);
  stroke(226, 204, 0);
  line(0, a, width, a-26);
  line(0, a-6, width, a-32);
  
  fill(0,0,220,65);//to control brightness
  noStroke();
  smooth();
  rect(0,0,400,400);//these shapes are all to create my own hue gradients
  fill(0,0,0,120);
  rect(0,100,400,100);
  rect(0,300,400,300);
  fill(0,60,255,55);
  rect(0,0,50,400);
   fill(0,120,255,45);
  rect(50,0,50,400);
   fill(0,200,255,35);
  rect(100,0,50,400);
    fill(20,255,255,25);
  rect(150,0,50,400);
    fill(60,255,255,15);
  rect(200,0,50,400);
  fill(110,255,255,6);
  rect(250,0,50,400);
  
  fill(0,0,0,20);
  ellipse(25,350,30,30);
    fill(0,0,0,42);
  ellipse(75,350,30,30);
   fill(0,0,0,68);
  ellipse(125,350,30,30);
   fill(0,0,0,99);
  ellipse(175,350,30,30);
   fill(0,0,0,120);
  ellipse(225,350,30,30);
     fill(0,0,0,2);
  ellipse(225,40,30,30);
    fill(0,0,0,40);
  ellipse(275,40,30,30);
    fill(0,0,0,80);
  ellipse(325,40,30,30);
      fill(0,0,0,120);
  ellipse(375,40,30,30);
}