Difference between revisions of "CSC103 Processing Lab: Solution Sketches"
(Created page with "=Solutions= ==Orange Rectangles== <br /> <code><pre> void setup() { size(480, 480 ); smooth(); } void draw() { // ellipse(mouseX, mouseY, 80, 80); fill( 255, 200, 8 ); ...") |
|||
Line 3: | Line 3: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | void setup() { |
− | + | size(480, 480 ); | |
− | + | smooth(); | |
− | } | + | } |
− | + | | |
− | void draw() { | + | void draw() { |
− | + | // ellipse(mouseX, mouseY, 80, 80); | |
− | + | fill( 255, 200, 8 ); | |
− | + | rect( mouseX, mouseY, 80, 80 ); | |
− | } | + | } |
+ | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 19: | Line 20: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | void setup() { |
− | + | size(480, 480 ); | |
− | + | smooth(); | |
− | } | + | } |
− | + | | |
− | void draw() { | + | void draw() { |
− | + | // ellipse(mouseX, mouseY, 80, 80); | |
− | + | fill( 255, 200, 8 ); | |
− | + | rect( mouseY, mouseX, 80, 80 ); | |
− | } | + | } |
+ | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 34: | Line 36: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | void setup() { |
− | + | size(480, 480 ); | |
− | + | smooth(); | |
− | } | + | } |
− | + | | |
− | void draw() { | + | 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); | |
− | + | } | |
− | + | | |
− | } | + | } |
− | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 58: | Line 59: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | void setup() { |
− | + | size(480, 480 ); | |
− | + | smooth(); | |
− | } | + | } |
− | + | | |
− | void draw() { | + | 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); | |
− | + | } | |
− | + | | |
− | } | + | } |
− | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 82: | Line 82: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | void setup() { |
− | + | size(480, 480 ); | |
− | + | smooth(); | |
− | } | + | } |
+ | | ||
+ | void draw() { | ||
+ | //background( 200 ); | ||
+ | if ( mousePressed ) { | ||
+ | line( mouseX, mouseY, pmouseX, pmouseY ); | ||
+ | } | ||
+ | | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 99: | Line 100: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | 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 ); | ||
+ | | ||
+ | } | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 122: | Line 124: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | void setup() { |
− | + | size( 400, 400 ); | |
− | + | smooth(); | |
− | } | + | } |
− | + | | |
− | void draw() { | + | 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 ); | |
− | + | | |
− | + | } | |
− | } | + | } |
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 146: | Line 148: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | void setup() { |
− | + | size( 400, 400 ); | |
− | + | smooth(); | |
− | } | + | } |
− | + | | |
− | void draw() { | + | 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 ); | ||
+ | } | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 166: | Line 169: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | 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 ); | ||
+ | } | ||
+ | } | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</pre></code> | </pre></code> | ||
<br /> | <br /> | ||
Line 189: | Line 193: | ||
<br /> | <br /> | ||
<code><pre> | <code><pre> | ||
− | void setup() { | + | 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 ); | |
− | + | } | |
− | + | } | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
</pre></code> | </pre></code> | ||
<br /> | <br /> |
Revision as of 09:12, 7 October 2013
Contents
- 1 Solutions
- 1.1 Orange Rectangles
- 1.2 Swapping mouseX and mouseY
- 1.3 Switching between rectangles and circles on mousePressed
- 1.4 Tall-skinny, vs. short-wide Rectangles
- 1.5 Drawing lines on mousePressed
- 1.6 Vertical Circles
- 1.7 Cross of Orange Circles
- 1.8 Diagonal Orange Circles
- 1.9 Orange Circles Left of the Mouse
- 1.10 Growing Multicolored Circles
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 );
}
Switching between rectangles and circles on mousePressed
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);
}
}
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 );
}
}
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 );
}
}
}