Hints after video one. This may never be seen?
For example, you could make a self-portrait, an alien creature, or something more abstract. It'll just be black and white for now, we'll get to color in the next video. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. Reminders a — X (horizontal) location of the shape's upper-left corner b — Y (vertical) location of the shape's uppper-left corner c — width of the shape d — height of the shape For more, check out the rectangle and ellipse pages on processing.org.
You can build off the example below or add to your previous design by selecting "My Code from Last Lesson" under the "Code" menu below. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. Reminders Don't forget, you need to call stroke() and fill() before you draw the shape! r — amount of red, from 0 (none) to 255 (maximum) g — amount of green, from 0 (none) to 255 (maximum) b — amount of blue, from 0 (none) to 255 (maximum) For more, check out the background, stroke and fill pages on processing.org.
You can build off the example below or add to your previous design by selecting "My Code from Last Lesson" below. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. If you forget the syntax for setup() and draw(), here is a reminder! void setup() { size(500,400); } void draw() { background(0,0,0); fill(255,255,255); ellipse(mouseX,mouseY,60,60); }We recommend a maximum canvas size of 500 by 400 pixels for this tutorial, but feel free to experiment your window skinnier or shorter! For more, check out the mouseX and mouseY pages on processing.org.
You can build off the example below or add to your previous design by selecting "My Code from Last Lesson" below. You can work on your own pace, but we recommend approximately ten minutes on this assignment before moving on. Here is an example of drawing a different color depending on whether the mouse is pressed. void setup() { size(500,400); } void draw() { background(0); if (mousePressed) { fill(0,255,0); } else { fill(255,0,0); } ellipse(mouseX,mouseY,60,60); }You could also consider drawing the background only when the mouse is pressed. For example: void setup() { size(500,400); background(0); } void draw() { if (mousePressed) { background(0); } ellipse(mouseX,mouseY,60,60); }
rect(250, 200, 150, 100); rect(250, 200, 150, 100); rect(50, 80, 40, 25); rect(250, 200, 150, 100); rect(50, 80, 40, 25); rect(400, 10, 15, 100); rect(250, 200, 150, 100); rect(250, 200, 150, 100); ellipse(250,200,200,200); ellipse(250,200,200,200); rect(250, 200, 150, 100); rect(250,200,100,75); stroke(0); rect(250,200,100,75); stroke(0); fill(128); rect(250,200,100,75); stroke(255,0,0); fill(128); rect(250,200,100,75); stroke(255,0,0); fill(0,0,255); rect(250,200,100,75); background(216,225,149); stroke(255,0,0); fill(0,0,255); rect(250,200,100,75); void setup() { } void setup() { } void draw() { } void setup() { size(500,400); } void draw() { } void setup() { size(500,400); } void draw() { background(0); } void setup() { size(500,400); } void draw() { background(0); stroke(255, 255, 255); fill(160, 220, 90); ellipse(250, 200, 300, 300); fill(160, 210, 230); rect(250, 200, 100, 75); } void setup() { size(500,400); } void draw() { background(0); stroke(255); fill(128); ellipse(250, 200, 100, 100); } void setup() { size(500,400); } void draw() { background(0); stroke(255); fill(128); ellipse(mouseX, mouseY, 100, 100); } void setup() { size(500,400); background(0); } void draw() { stroke(255); fill(128); ellipse(mouseX, mouseY, 100, 100); } void setup() { size(500,400); } void draw() { background(0); stroke(255); fill(128); ellipse(250, 200, 100, 100); } void setup() { size(500,400); } void draw() { background(0); stroke(255); fill(128); ellipse(250, 200, 100, 100); if (mousePressed) { rect(250,200,100,100); } } void setup() { size(500,400); } void draw() { background(0); stroke(255); fill(128); ellipse(250, 200, 100, 100); if (mousePressed) { rect(250,200,100,100); } } void setup() { size(500,400); } void draw() { background(0); stroke(255); fill(128); if (mousePressed) { rect(250,200,100,100); } else { ellipse(250, 200, 100, 100); } } void setup() { size(500,400); background(0); } void draw() { stroke(255); fill(128); ellipse(mouseX, mouseY, 100, 100); } void setup() { size(500,400); background(0); } void draw() { if (mousePressed) { background(0); } stroke(255); fill(128); ellipse(mouseX, mouseY, 100, 100); } |