int numFrames = 20;
int frame = 0;
PImage[] images = new PImage[numFrames];
PImage photo2 = loadImage("ohana.png");
PImage photo = loadImage("hana.png");
float speed = 5;
float x = 0;
float y = 0;
float i;
float h=500;
float dr = 5.0;


void setup() {
  size(500,500);
  colorMode(HSB,360,100,100,20);
  frameRate(15);
  background(0,0,100); 
  
  images[0] = loadImage("1.jpg");
  images[1] = loadImage("2.jpg");
  images[2] = loadImage("3.jpg");
  images[3] = loadImage("4.jpg");
  images[4] = loadImage("5.jpg");
  images[5] = loadImage("6.jpg");
  images[6] = loadImage("7.jpg");
  images[7] = loadImage("8.jpg");
  images[8] = loadImage("9.jpg");
  images[9] = loadImage("10.jpg");
  images[10] = loadImage("11.jpg");
  images[11] = loadImage("12.jpg");
  images[12] = loadImage("13.jpg");
  images[13] = loadImage("14.jpg");
  images[14] = loadImage("15.jpg");
  images[15] = loadImage("16.jpg");
  images[16] = loadImage("17.jpg");
  images[17] = loadImage("18.jpg");
  images[18] = loadImage("19.jpg");
  images[19] = loadImage("20.jpg"); 
  
}





void draw() {
   if(i>1 || i<100) 
     i++;
     background(180,50,i,30); 
     

     
     if(i>90){
       for(int k=0; k<10; k++){
         frameRate(10);

       image(photo2,random(width),random(height),60,60);    
     }
     }
     
     
        
      clock(250,250); 
  
      if (frame == numFrames) {
        
        frame = 0;   
      }
      
      image(images[frame], 190, 120,130,100); 
  
       if(mousePressed == true) {
         i = 0;
          frameRate(7);     
          frame++; 
        }

        if(mousePressed == false){
          frame = 0;
        }
  
  
          x = x + 5;
          line(width/2,height/2,250+cos(x/24000)*100,250+sin(x/24000)*100);
          line(width/2,height/2,250+cos(x/400)*150,250+sin(x/400)*150);
  

            if (i>70){
              
              image(photo, 0, 250,580,270);
              
            }            
}













void clock(int x, int y){
  fill(0,0,100,100);
  strokeWeight(5);
  smooth();
  ellipse(250,250,400,400);
  fill(0);
  textSize(40);
  pushMatrix();
  text("XII",230,90);
  translate(330,125);
  text("I",0,0);
  translate(+50,+50);
  text("II",0,0);
  translate(+25,+85);
  text("III",0,0);
  translate(-25,+90);
  text("IV",0,0);
  translate(-60,+60);
  text("V",0,0);
  translate(-80,+30);
  text("VI",0,0);
  translate(-95,-30);
  text("VII",0,0);
  translate(-65,-60);
  text("VIII",0,0);
  translate(-20,-85);
  text("IX",0,0);
  translate(+40,-85);
  text("X",0,0);
  translate(+45,-55);
  text("XI",0,0);
  popMatrix();
}


void ohana(float x, float h){
  
   PImage photo = loadImage("ohana.png");
   for(int j = 0; j<1; j++){
    image(photo,0,0);
   }
   

}