Earn points by hitting dragonflies. The flowers will bounce off the bricks. Click the mouse to fire flowers and move the mouse to change direction of the flowers.

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 Flower objects called, flowerList to access specific values to draw and move the flowers.
Define a function to animate the movement of flowers as shown in the sample game.
Check each flower in the array to determine if it has collided with the bricks by checking each set of bricks stored in the array, wallList. You may use the hitTestObject function to do this.
Set interval to call the above function periodically.

function Flower(x, y, visited, image) {
this.x= x;
this.y = y;
this.visited = visited;
this.image = image;
this.width = image.width;
this.height = image.height;
this.chngX = 0;
this.chngY = 0;
}