Task 3: Watch the tutorials called Shapes. a. Make 1 change to the rectangle. (Tutorial: rect(250,300,150, 100); b. Move the rectangle in a different direction. c. Make the rectangle in the front and the ellipse in the back. d. Take a screen shot of each of these tasks and put in Weebly.
Task 4: Draw your own picture made of ellipses and rectangles! Make sure you watched the tutorials called Shapes. a. Draw a different picture than the one on the video or add something to it to make it unique. b. Take a screen shot of each and the code of these tasks and put in Weebly. c. Make sure you get all of these checked off by Ms. Culhane for a grade. 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 To draw a rectangle: rect(a,b,c,d); To draw an ellipse: ellipse(a,b,c,d); 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.Task 4: Make your own design using different shapes.
Vocab: X axis, Y axis, height, width, rectangle, ellipse
Task 5:Creating Color in your drawingWatch the tutorial called Color. a. Create a rectangle and pick any color to fill it. Pick a different color for the outline. Take a screen shot of the shape and the code. b. Create a background color. Take a screen shot of the shape and the code.
Add color to your design! 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 Set the background color: background(r,g,b); Set the outline color: stroke(r,g,b); Set the interior color: fill(r,g,b); 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)
Animate your program using mouseX and mouseY! 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!