Looks like there's a problem with your code. You can reset the editor to the last working run or fix it yourself using hints below.

We'll create a custom link you can use to share your work with the world. You can also choose to have your sketch added to the gallery.

You can copy or bookmark the link below to revisit your creation at any time. You can also use any of the social buttons to share your work with the world!

Hints after video one. This may never be seen?

Draw a picture made of ellipses and rectangles! 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.

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)

For more, check out the background, stroke and fill pages on processing.org.

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! 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.