JavaScript Graphics

Back to index
Your browser is broken 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.