Visit each flower three times while avoiding the dragonfly.

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
  • .
  • .
  • .

Your goal is to provide the JavaScript instructions to move the bee horizontally/vertically/diagonally and to code 4 conditions to keep the bee on the canvas. Use the variable name canvas for the game area. For example a condition to keep the bee from leaving the stage on the right edge of the canvas could be:
if(bee.x >= canvas.width)
{ // provide instructions to turn bee around
}