Earn points by hitting dragonflies with flowers, while avoiding being hit by a dragonfly. Click the mouse to fire flowers and move the bee by using the right and left arrow keys.

Program2Play

bee.x += fun;

Previous lesson

Lesson by topic

  • Graphics Coordinate System
  • Basic horizontal motion
  • Gravity: part 1
  • Horizontal/vertical/diagonal motion with direction change
  • Basic animation (erase, move draw
  • Basic graphics calls
  • Basic object interaction
  • Event handling: responding to key events
  • Motion responding to angle of graphic object. Using basic trigonometry
  • Placing objects randomly at timed intervals
  • Working with an array of objects: iteration
  • Working with an array of objects: iteration Part 2
  • Complex navigation algorithm
  • .
  • .
  • .

Lesson by number

  • Lesson 1
  • Lesson 2
  • Lesson 2b
  • Lesson 2c
  • Lesson 2d
  • Lesson 3
  • Lesson 4
  • Lesson 5a
  • Lesson 5b
  • Lesson 6
  • Lesson 7
  • Lesson 8
  • Lesson 9
  • Lesson 10
  • Lesson 11
  • Lesson 12
  • Lesson 13
  • .
  • .
  • .

Next Lesson

Video

Assignments

  • Assignment 1
  • Assignment 2
  • Assignment 3
  • Assignment 4
  • Assignment 5
  • Assignment 6
  • Assignment 7
  • Assignment 8
  • Assignment 9
  • Assignment 10
  • Assignment 11
  • .
  • .
  • .

Directions: (not necessarily in this order)
Use the array of Wall objects called, wallList to access specific values to animate the Wall objects.
Define a function to animate the movement of Wall objects as shown in the sample game.
Set an interval to call the above function periodically.

function Wall(context, x,y,chngX,chngY, image) {
this.context = context;
this.chngX = chngX;
this.chngY = chngY;
this.image = new Image();
this.image = image;
this.x = x;
this.y = y;
this.width = image.width;
this.height = image.height;
}