PImage bg;
int a; 

void setup() 
{
  size(400,400);
  frameRate(30);
  // The background image must be the same size as the parameters
  // into the size() method. In this program, the size of "milan_rubbish.jpg"
  // is 200 x 200 pixels.
  bg = loadImage("fishface.jpg");//coral reef image from google
}

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);
  noStroke();
  smooth();
  fill(255,255,0,170);//fish body
ellipse(width*0.2,height*0.6,width*0.3,height*0.3);
ellipse(width*0.8,height*0.6,width*0.3,height*0.3);
ellipse(width*0.5,height*0.7,width*0.8,height*0.8);

fill(213,50,0,200);//Red fish texture
ellipse(100,340,33,33);
fill(255,255,0,230);//Yellow
ellipse(100,340,23,23);
fill(213,50,0,200);//Red
ellipse(160,390,33,33);
fill(255,255,0,230);//Yellow
ellipse(160,390,23,23);
fill(213,50,0,200);//Red
ellipse(230,340,33,33);
fill(255,255,0,230);//Yellow
ellipse(230,340,23,23);
fill(213,50,0,200);//Red
ellipse(290,390,33,33);
fill(256,256,0,230);//Yellow
ellipse(290,390,23,23);


fill(255,255,255);//fish eyes
ellipse(width*0.6,height*0.36,width*0.11,height*0.22);
ellipse(width*0.4,height*0.36,width*0.11,height*0.22);
ellipse(width*0.4,height*0.4,width*0.11,height*0.22);
ellipse(width*0.6,height*0.4,width*0.11,height*0.22);
fill(155,155,220,75);//small bubble
ellipse(width*0.73,height*0.3,width*0.07,height*0.07);
fill(155,167,210,80);//medium bubble
ellipse(width*0.82,height*0.2,width*0.09,height*0.09);
fill(120,185,240,85);//large bubble
ellipse(width*0.75,height*0.08,width*0.1,height*0.1);

fill(0,0,0);//fish eyes and mouth
ellipse(width*0.4,height*0.4,width*0.055,height*0.068);
ellipse(width*0.6,height*0.4,width*0.055,height*0.068);
ellipse(width*0.5,height*0.6,width*0.1,height*0.13);



}