Lab JS 4: Practice with Object Attributes



IMPORTANT: Upload your final work to Canvas as .wick files.

Exercise: Build the Interactive App


Construct the App shown in this image.
Draw a human character that has a collection of facial
attributes, each one represented as a Clip:
  1. Hair
  2. Left Eye Brow
  3. Right Eye Brow
  4. Beard
  5. Mouth



Allow the user to alter the facial attributes by clicking buttons. Construct eight buttons (+ and -) to decrease or increase the following:
  1. Hair grows (+) or shrinks (-).
  2. Eye Brows rotate. When pressing +, rotate the left brow clockwise and the right brow counter-clockwise. Rotate in the opposite direction when the user presses -.
  3. Beard fades in (+) or out (-)
  4. Mouth grows (+) or shrinks (-)