Skip to content

ekaterina-nikonova/frontend-nanodegree-arcade-game

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Udacity Frogger

This is a simple version of a classic arcade game Frogger. To play it, just open this page, select a character and see if you can complete all 5 levels!

Selecting a character

Character selection screen

In a desktop browser

Using arrow keys, select a character and press Enter. You can also click the left or the right side of the screen to select a character and then click in the middle to start the game.

On a mobile device

Tap the left or the right side of the screen to select a character and then tap in the middle to start the game.

Gameplay

Level 2 screenshot

Goal

Help your character cross the paved area while avoiding bugs. Be careful to not drown in the pools! Your destination is one of green stone blocks on the other side. Their number decreases as you progress from one level to another. The number and variety of bugs and bonuses, on the contrary, increase.

When you fall in water, the character loses 1 life and returns to the starting position. The number of remaining lives is displayed as a red splash:

Red splash

How to move

In a desktop browser

You can control the character either with arrow keys on your keyboard or by clicking above, below, to the left and to the right of the character. If you're using the mouse, try to align your clicks precisely with the character's position. And remember, you can move backwards too!

On a mobile device

Tap above or below the character to move forward and backwards, and to the left or to the right to move side to side. You should align taps precisely with the character's position to make sure he or she moves in the right direction!

Enemies

Bugs are to be avoided. They don't kill the character, but reduce health. When the character loses all health, he or she also loses a life. The stronger the bug is, the more health it takes away:

Bug Health reduced
Brown bug -10
Blue bug -15
Red bug -20
Rainbow bug -25

After the character gets hit by a bug, he or she returns to the starting position.

Level up

At each level you have to cross the dangerous area a certain number of times: 5, 10, 15, 20 and 25 times on levels from 1 to 5. Every time you hit a safe green tile on the other side, a green splash shows how many more times you should cross before a level up:

How much more times to cross

When you complete a level, a blue splash shows at which level you are now:

Level up splash

Health is fully restored after a level up.

Bonuses

Though most bonuses are pleasant or useful items you can collect, some of them are to be avoided. Bonuses appear one at a time.

Bonus What it does
Yellow gem + 5 points
Blue gem + 15 points
Green gem + 25 points
Heart + 1 life
Key Invincibility
Rock Block
Purple rock - 5 health

Invincibility

If you get hold of a golden key, you're a lucky one! It makes you immune to bugs so that you can reach target tiles and collect items without risk of being hit, but only for a limited time! Golden glow around the character indicates invincibility:

Invincible character

Rocks

Rocks are "negative bonuses" that are present at levels 4 and 5. They also appear one at a time and stay for a while. Grey rocks only obstruct the way: Grey rock

Purple rocks are harmful! Unlike bugs, they don't move, but reduce the character's health and return him or her to the starting position: Purple rock

Also keep in mind that the golden key only makes you immune to bugs, but not to purple rocks.

Tips and tricks

  • If the situation looks hopeless, especially at higher levels, be patient and wait for the key bonus to appear close to you. Then all you'll have to worry about for a few seconds is water pools, as you lose invincibility after losing a life.
  • Don't rush through lower levels, try to collect as many heart bonuses as you can. Then you can approach higher levels with up to 9 spare lives.
  • Remember that invincibility disappears at level up and after losing a life.
  • Be aware that slow bugs can suddenly become faster. When they get hit by a peer, they speed up and can sometimes appear like a bat out of hell!
  • You might sometimes rush to reach the safety of a green stone, but you should nevertheless be careful with your moves. After the character gets hit by a bug or meets a purple rock, his or her position is reset, and you can unexpectedly end up in front of another bug.

Acknowledgments

  • The game engine, skeleton code and graphic assets were provided by Udacity. They can be obtained here.
  • All additional graphics, including the background, were created with InkScape, free vector graphics software.
  • Baloo font was used for all screens, splashes and indicators. It is available via Google Fonts.

Known issues

  • Of two successive splashes, the first one hinders the second splash if it comes too soon.
  • On mobile devices the game can be slow, but should be playable on more powerful phones and tablets.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.2%
  • Other 1.8%