Lab JS6: Programmatic Movement and Timeline Control



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

Exercise 1: Build the App

  1. Construct a Flower object
  2. Code the Flower so that it moves using the mouse.
  3. Construct a Bee object
  4. Code the Bee so that moves toward the Flower
    (representing the user's position on the screen).
    Code the Bee so that is eases into its destination.



Exercise 2: Build the Dancing App

Construct the interactive app shown on the right.
  1. Use the sprite sheet, or another of your choosing,
    to build two different animations, such as dancing
    and headstands.
  2. Construct buttons and timeline control scripts that
    allow the user to choose between the two different
    animations.



Exercise 3: Road Crossing Game

Construct the interactive app shown on the right.
  1. In this game, the player uses the arrow keys
    key-up and key-down to direct the child
    character across a busy street.
  2. The canvas is divided into five horizontal
    sections. The top and botton sections are
    sidewalks. The three middle sections are
    street lanes.
  3. Each street lane contains a car that moves
    at a given speed in a given direction.
  4. The child character is returned to its original
    sidewalk location if it collides with a car.
  5. The goal of the game is to guide the child to
    the sidewalk at the top of the busy street.\