/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://dflab.sketchpad.cc/sp/pad/view/ro.iD$FJL0mhWE/rev.308
 * 
 * authors: 
 *   Mariana Pisa

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



/* @pjs preload="http://www.onemetal.com/wp-content/uploads/2012/08/Alcest.jpg"; */


float px;
float py;
 
float jump = 40;

 
void setup() { 
     
    size(670, 293); 
 
    textura = loadImage("http://www.onemetal.com/wp-content/uploads/2012/08/Alcest.jpg");
    
    px = random (width);
    py = random (height);
    
    image (textura, 0, 0, 670, 293);
} 
 
void draw() {
   
    noFill(500);
    
    ellipseMode(LEFT);
    
    sz = (frameCount % 900) / 151.8;
    
    translate (width/14, height/13);
    
    rotate (TWO_PI * sz);  
    
    ellipse (335, 150, 500 * sz,  111* sz);
 
  
float npx = constrain (px + random (-jump, jump), 0, width);
    float npy = constrain (py + random (-jump, jump), 0, height);
  
    line (px, py, npx, npy);
    line (px, py, npx, npy);
 
    px = npx;
    py = npy;
    
     
 
}