ASSIGNMENT:
This activity introduces the bezierCurveTo method. You will notice that it
takes six integer values as input. These inputs are actually organized as
three pairs of xy-coordinate values. Along with the coordinate pair provided
in the moveTo method just before each call to bezierCurveTo, we have four
pairs of xy-coordinates which define the corners of a rectangle. Once you
figure out how this works, you'll be ready to recreate the image shown to
the right.
Your challenge in this activity is to recreate the face shown to the right. Use bezier curves to create the outline of the face and the mouth. Otherwise create the hair and eyes anyway you want to within a JavaScript applet. |