passe in the level number and use it to generate the speed

add a function that causes the bird to fly up and away, it can be called at the end of a level

a new one begins with a new text to type

when a player makes a typo, do not increment the counter, cause the mistyped letter to turn red, stay underlined, and flicker or glow. trigger the backspace automatically. One benifit of doing this is that player can't advance a level without correctly typing a text all the way through.

triggering the backspace: $('input').trigger("keydown", {which: 8}); //might work

making a letter glow or flicker: could try a .animate() function.....

here's one to try:

.animate({opacity:0},200,"linear",function(){
$(this).animate({opacity:1},200);
});

when we add the bird, it should appear to fly into center from off canvas before it begins to fall

when a user presses a button or types a sequence of keys.

instead of birdPoints

it should return to center and flap along, or it should fly off-screen, and return to center when the next level starts.

right now, they continue moving but a new one doesn't render so they appear to slowly creep off the page, revealing the background.

the keystroke should not increment the index, it should compare the next keystroke's key upcased to the text at the index.

they should get feedback about whether they have typed a letter correctly or whether they need to go back and correct one. Correctly typed letters will turn grey, while letters that need to be re-typed will be red? the next letter to type will appear underlined?

sometimes the game seems to end when the bird is still above the bottom of the canvas...It may have something to do with the new way that the canvases are layered?

during gameplay, the player can see an ever-decreasing indicator of how much time remains to correctly type the text.

if we refactor both game end scenarios into a single function with a conditional, this will work.

separate logic functions from dom manipulation function so that logic functions can be tested.

a repeating background should move across the canvas, giving the illusion of a side-scrolling camera

This issue is attempt to simplify the passing of arguments.
Having 3 arguments in level and keystroke could cause problems with the order getting mixed up.

with the bird falling into lava and a disappointing sound/message

when the page loads, instructions for game play should be visible, then disapear when the player starts the game.

when the game starts, the bird begins to fall.
when the player types, the bird climbs.

when a player finishes the game, they see a message that they won, they see a field to enter a name for the high score appearing in a list of 5 other high scores, in the position of this high score. if the player's score does not rank among the top 5, they see the top 5 with no input field for their name. at the bottom of the list, they see the message to press enter to play again. if they press enter without entering a name in the text field, the score isn't saved.

Find a place to message "Game Over" and restart.

Pull logic into keystroke and put it into game class, so that we can call it in level and call it in bird if the bird's position gets to a certain point.

//create a counter with a number at the start of a level
//start a loop that decrements the counter every second
//add the remaining value of the counter to the score at the end of the level.