/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://dflab.sketchpad.cc/sp/pad/view/ro.ZtwJkbyCyoO/rev.1597
 * 
 * authors: 
 *   Patricia Gomes

 * 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.10118/919066_253060014834623_2131361893_o.jpg"; */

float start_x = 150;
float start_y = 150;

// posição final do objecto
 
    float end_x = 250;
    float end_y = 200;
 
// posição actual
float a = 0.0;


 void setup() {  
    
    // tamanho da tela
    size(700, 400);    
    
    // cor de fundo
    background = loadImage("/static/uploaded_resources/p.10118/919066_253060014834623_2131361893_o.jpg");
    
    image (background, 0, 0, 700, 400);

} 
 
// as instruções que estiverem dentro desta função draw
// são executadas a cada novo frame
 
void draw() {
 
//primeiro polígono

noStroke();
fill (0,80,80,10);; 
triangle (190, 100, 105, 250, 275, 250); 

noStroke();
fill (0,80,80,10);; 
triangle (190, 300, 105, 250, 275, 250); 


// elipse 1

noStroke();
fill (0,80,80,10);;
ellipse (190, 60, 25, 25);


// elipse 2

noStroke();
fill (0,80,80,10);;
ellipse (190, 340, 25, 25);


//segundo polígono

noStroke();
fill (0,80,80,10);; 
triangle (520, 100, 435, 250, 605, 250); 

noStroke();
fill (0,80,80,10);; 
triangle (520, 300, 435, 250, 605, 250); 


// elipse 3

noStroke();
fill (0,80,80,10);;
ellipse (520, 60, 25, 25);


// elipse 4

noStroke();
fill (0,80,80,10);;
ellipse (520, 340, 25, 25);


 
// topo + canto inferior esquerdo + canto inferior direito
// x + y (largura + altura)

}