> show canvas only <


/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://studio.sketchpad.cc/sp/pad/view/ro.$2bWmaDmOPz/rev.6704
 * 
 * authors: 
 *   Elisabeth Macy

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



// Pressing Control-R will render this sketch.

int i = 0; 

void setup() {  // this is run once.   
    
    background(255);
    size(300,300);
    frameRate(60);
    noStroke();
} 

void draw() {  // this is run repeatedly.  

    //sky
    if(mousePressed){
        background(0,0,80);
    }
    else{
        background(0,155,255)
    }
    //ground
    if(mousePressed){
        fill(0,120,0);
        rect(0,200,300,100);
    }
    else{
        fill(0,220,0);
        rect(0,200,300,100);
    }
    //house
    fill(180,215,225);
    rect(100,100,100,100);
    
    if(mousePressed){
    //puffs of smoke
    fill(128,128,128)
    ellipse(177,25,20,20);
    ellipse(180,20,20,20);
    ellipse(175,15,20,20);
    ellipse(176,30,20,20);
    ellipse(178,40,20,20);
    }
    else{
    //puffs of smoke
    fill(255,255,255)
    ellipse(177,25,20,20);
    ellipse(180,20,20,20);
    ellipse(175,15,20,20);
    ellipse(176,30,20,20);
    ellipse(178,40,20,20);
    }
    
    //chimney
    fill (70,0,0);
    rect(165,40, 25,50);
    
    //roof
    fill(0,0,0);
    triangle(100,100,150,50,200,100);
    
    //door
    fill(150,0,50);
    rect(140,150,20,50);
    
    //door knob
    fill(0,0,0);
    ellipse(145,175,5,5);
    
    //sun 
    if(mousePressed){
        fill(245,245,245);
        ellipse(45,45,70,70);
    }
    else{
        fill(255,255,0);
        ellipse(45,45,70,70);
    }
    
    //path to door
    if(mousePressed){
    fill(135,135,135);
    ellipse(150,220,25,25);
    ellipse (150,250,25,25);
    ellipse (150,280,25,25);
    }
    else{
    fill(180,215,220);
    ellipse(150,220,25,25);
    ellipse (150,250,25,25);
    ellipse (150,280,25,25);
    }
    
    //windows
    if(mousePressed){
        fill(70,70,70);
        rect(110,120,25,25);
        rect(165,120,25,25);
    } 
    else{
    fill(255,255,0);
    rect(110,120,25,25);
    rect(165,120,25,25);
    }
    
    //lines on windows
    fill(0,0,0);
    rect(122,120,1,25);
    rect (110,132,25,1);
    rect(177,120,1,25);
    rect(165,132,25,1);
    
    //face on sun
    if(mousePressed){
    fill(0,0,0);
    ellipse(30,40,7,7);
    ellipse(58,40,7,7);
    ellipse(30,63,5,5);
    ellipse(35,58,5,5);
    ellipse(41,56,5,5);
    ellipse(48,56,5,5);
    ellipse(55,58,5,5);
    ellipse(61,63,5,5);
    }
    else{
    fill (0,0,0);
    ellipse(30,40,7,7);
    ellipse(58,40,7,7);
    ellipse(30,60,5,5);
    ellipse(35,65,5,5);
    ellipse(41,67,5,5);
    ellipse(48,67,5,5);
    ellipse(55,65,5,5);
    ellipse(61,60,5,5);
    }
    
    //stars
    if(mousePressed){
        fill(255,255,255);
        ellipse(230,85,5,5);
        ellipse(120,50,5,5);
        ellipse(270,40,5,5);
        ellipse(20,100,5,5);
        ellipse(210,10,5,5);
        ellipse(90,120,5,5);
        ellipse(280,125,5,5);
        ellipse(90,10,5,5);
    }
    else{
        fill(0,155,255);
        ellipse(230,100,5,5);
        ellipse(50,170,5,5);
        ellipse(120,50,5,5);
        ellipse(270,40,5,5);
        ellipse(20,100,5,5);
        ellipse(270,160,5,5);
        ellipse(210,10,5,5);
        ellipse(90,120,5,5);
    }
    
    //fence
    if(mousePressed){
    fill(209,208,206);
    rect(0,170,100,30);
    rect(200,170,100,30);
    triangle(0,170,10,170,5,165);
    triangle(10,170,20,170,15,165);
    triangle(20,170,30,170,25,165);
    triangle(30,170,40,170,35,165);
    triangle(40,170,50,170,45,165);
    triangle(50,170,60,170,55,165);
    triangle(60,170,70,170,65,165);
    triangle(70,170,80,170,75,165);
    triangle(80,170,90,170,85,165);
    triangle(90,170,100,170,95,165);
    triangle(200,170,210,170,205,165);
    triangle(210,170,220,170,215,165);
    triangle(220,170,230,170,225,165);
    triangle(230,170,240,170,235,165);
    triangle(240,170,250,170,245,165);
    triangle(250,170,260,170,255,165);
    triangle(260,170,270,170,265,165);
    triangle(270,170,280,170,275,165);
    triangle(280,170,290,170,285,165);
    triangle(290,170,300,170,295,165);
    }
    else{
    fill(255);
    rect(0,170,100,30);
    rect(200,170,100,30);
    triangle(0,170,10,170,5,165);
    triangle(10,170,20,170,15,165);
    triangle(20,170,30,170,25,165);
    triangle(30,170,40,170,35,165);
    triangle(40,170,50,170,45,165);
    triangle(50,170,60,170,55,165);
    triangle(60,170,70,170,65,165);
    triangle(70,170,80,170,75,165);
    triangle(80,170,90,170,85,165);
    triangle(90,170,100,170,95,165);
    triangle(200,170,210,170,205,165);
    triangle(210,170,220,170,215,165);
    triangle(220,170,230,170,225,165);
    triangle(230,170,240,170,235,165);
    triangle(240,170,250,170,245,165);
    triangle(250,170,260,170,255,165);
    triangle(260,170,270,170,265,165);
    triangle(270,170,280,170,275,165);
    triangle(280,170,290,170,285,165);
    triangle(290,170,300,170,295,165);
    }
    
    //lines on fence
    if(mousePressed){
    fill(0,0,80);
    rect(10,150,1,50);
    rect(20,150,1,50);
    rect(30,150,1,50);
    rect(40,150,1,50);
    rect(50,150,1,50);
    rect(60,150,1,50);
    rect(70,150,1,50);
    rect(80,150,1,50);
    rect(90,150,1,50);
    rect(210,150,1,50);
    rect(220,150,1,50);
    rect(230,150,1,50);
    rect(240,150,1,50);
    rect(250,150,1,50);
    rect(260,150,1,50);
    rect(270,150,1,50);
    rect(280,150,1,50);
    rect(290,150,1,50);
    }
    else{
    fill(0,155,255);
    rect(10,150,1,50);
    rect(20,150,1,50);
    rect(30,150,1,50);
    rect(40,150,1,50);
    rect(50,150,1,50);
    rect(60,150,1,50);
    rect(70,150,1,50);
    rect(80,150,1,50);
    rect(90,150,1,50);
    rect(210,150,1,50);
    rect(220,150,1,50);
    rect(230,150,1,50);
    rect(240,150,1,50);
    rect(250,
    150,1,50);
    rect(260,150,1,50);
    rect(270,150,1,50);
    rect(280,150,1,50);
    rect(290,150,1,50);
    }
}