Lab JS6: Programmatic Movement



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: 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.\