/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://studio.sketchpad.cc/sp/pad/view/ro.I4JLyjZSa2H/rev.504
 * 
 * authors: 
 *   Valerian Menegale

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



/* @pjs preload="/static/uploaded_resources/p.2418/fish0001.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0002.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0003.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0004.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0005.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0006.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0007.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0008.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0009.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0010.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0011.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0012.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0013.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0014.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0015.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0016.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0017.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0018.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0019.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0020.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0021.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0022.png"; */
/* @pjs preload="/static/uploaded_resources/p.2418/fish0023.png"; */
 
int i = 0; 
PImage[] imgs; 
int dv=1;
int v=0;
void setup() { 
    size(400, 400); 
    imgs = new PImage[24];
    for (int i=1; i<24; i++)
      imgs[i-1]= loadImage("/static/uploaded_resources/p.2418/fish00"+(i<10?"0":"")+i+".png");    
   
    frameRate(50);
}

 void mouseClicked() {
       frameRate(v);
       v=100;
}

int img1dx=1;

void draw() { 
    if(v>20)
    dv=-1;
    if(v<0)
    dv=1;
    v=v+dv;
    
    
     background(0, 0, i);
    
    
    
    if (i>width)
        img1dx=-1;
    if(i<0)
        img1dx=1;
    i=i+img1dx;
    image(imgs[i%23], i+img1dx, 0); // normal 
    
    
    image(imgs[i%23], (height/2)-i, width/2)*i+1; // Inverse fish
    image(imgs[22-(i%23)], 0, (width/2)-i)*i+1;
    image(imgs[22-(i%23)], height/2, i-1)*i+1;
    }