CSC103 Processing Lab: Solution Sketches

From dftwiki3
Jump to: navigation, search

Solutions

Orange Rectangles


 void setup() {
   size(480, 480 );
   smooth();
 }
  
 void draw() {
   // ellipse(mouseX, mouseY, 80, 80);
   fill( 255, 200, 8 );
   rect( mouseX, mouseY, 80, 80 );
 }


Swapping mouseX and mouseY


 void setup() {
   size(480, 480 );
   smooth();
 }
  
 void draw() {
   // ellipse(mouseX, mouseY, 80, 80);
   fill( 255, 200, 8 );
   rect( mouseY, mouseX, 80, 80 );
 }


Squares and Circles


void setup() {
    size( 500, 500 );
    smooth();
}

void draw() {
   fill( 200, 100, 100 );
   ellipse( mouseX, mouseY, 80, 80 );
   fill( 200, 0, 250 ); 
   rect( mouseX, mouseY, 80, 80 );

}


Squares move Horizontally, Circles Vertically


void setup() {
    size( 500, 500 );
    smooth();
}

void draw() {
   fill( 200, 100, 100 );
   ellipse( 100, mouseY, 80, 80 );
   fill( 200, 0, 250 ); 
   rect( mouseX, 100, 80, 80 );

}


Random Circles


void setup() {
    size( 500, 500 );
    smooth();
}

void draw() {
   fill( 200, 150, 200 );
   ellipse( random(500), random(500), 80, 80 );
   // fill( 200, 0, 250 ); 
   // rect( mouseX, 100, 80, 80 );

}


Random Circles with Varying Size and Color


void setup() {
    size( 500, 500 );
    smooth();
}

void draw() {
   fill( 200, random(255), mouseX/2 );
   ellipse( random(500), random(500), mouseX, mouseX );
   // fill( 200, 0, 250 ); 
   // rect( mouseX, 100, 80, 80 );

}


Random Circles in Square Areas


void setup() {
    size( 500, 500 );
    smooth();
}

void draw() {
   fill( 200, random(255), mouseX/2 );
   ellipse( random(100,200), random(100,200), mouseX, mouseX );

   fill( 200, mouseX/2, random(255) );
   ellipse( random(300,400), random(300,400), mouseX, mouseX );

}


Switching between rectangles and circles on mousePressed


<showafterdate after="20171019 12:00" before="20171231 00:00">

void setup() {
  size(480, 480 );
  smooth();
}
 
void draw() {
  //background( 200 );
 
  if ( mousePressed == true ) {
      fill( 231, 47, 39 ); // red
      ellipse(mouseX, mouseY, 80, 80);
  }
  else {
      fill( 255, 200, 8 ); // orange
      rect(mouseX, mouseY, 80, 80);
  }
 
}

</showafterdate>

Tall-skinny, vs. short-wide Rectangles


 void setup() {
   size(480, 480 );
   smooth();
 }
  
 void draw() {
   //background( 200 );
  
   if ( mousePressed == true ) {
       fill( 231, 47, 39 ); // red
       rect(mouseX, mouseY, 200, 20);
   }
   else {
       fill( 255, 200, 8 ); // orange
       rect(mouseX, mouseY, 20, 100);
   }
  
 }


Drawing lines on mousePressed


 void setup() {
   size(480, 480 );
   smooth();
 }
  
 void draw() {
   //background( 200 );
   if ( mousePressed ) {
     line( mouseX, mouseY, pmouseX, pmouseY );
   }
   
 }
 


Vertical Circles


 void setup() {
   size( 400, 400 );
   smooth();
 }
  
 void draw() {
  
   background(200);
  
   // count from 20 to 380 jumping 20 each time.
   for( int x = 20; x < 400; x = x + 20 ) {
  
     // and draw a circle in that position, on a horizontal line.
     fill( 250, 200, 8 );
     ellipse( 200, x, 15,15 ); 
  
   }
 }
 


Diagonal of Orange Circles


void setup() {
  size( 400, 400 );
  smooth();
}
 
void draw() {
 
  background(200);
  fill( 250, 200, 8 );
 
  // count from 20 to 380 jumping 20 each time.
  for( int xy = 20; xy < 400; xy = xy + 20 ) {
 
     // and draw a circle in that position, on a diagonal line
     // where x and y have the same value.
     ellipse( xy, xy, 15,15 ); 
 
  }
}


Cross of Orange Circles


void setup() {
  size( 400, 400 );
  smooth();
}
 
void draw() {
 
  background(200);
 
  // count from 20 to 380 jumping 20 each time.
  for( int x = 20; x < 400; x = x + 20 ) {
 
    // and draw a circle in that position, on a horizontal line.
    fill( 250, 200, 8 );
    ellipse( 200, x, 15,15 ); 
    ellipse( x, 200, 15,15 ); 
 
  }
}


Diagonal Orange Circles


 void setup() {
   size( 400, 400 );
   smooth();
 }
  
 void draw() {
  
   background(200);
   
   // count from 20 to 380 jumping 20 each time.
   for( int x = 20; x < 400; x = x + 20 ) {
        fill( 255, 200, 8 );
        ellipse( x, x, 15, 15 ); 
     }
 }
 


Orange Circles Left of the Mouse


 void setup() {
   size( 400, 400 );
   smooth();
 }
  
 void draw() {
  
   background(200);
   
   // count from 20 to 380 jumping 20 each time.
   for( int x = 20; x < 400; x = x + 20 ) {
     fill( 250, 200, 8 );
 
     if ( x < mouseX ) {   
        ellipse( x, x, 15,15 ); 
     }
   } 
 }
 


Growing Multicolored Circles


 void setup() {
   size( 400, 400 );
   smooth();
 }
  
 void draw() {
  
   background(200);
   
   // count from 20 to 380 jumping 20 each time.
   for( int x = 20; x < 400; x = x + 20 ) {
     fill( 250, x/2, 255-x/2 );
 
     if ( x < mouseX ) {   
        ellipse( x, x, x/2,x/2 ); 
     }
   } 
 }