An open API service indexing awesome lists of open source software.

https://github.com/hellofromtonya/bugger-game

Pseudo Frogger Game
https://github.com/hellofromtonya/bugger-game

Last synced: 14 days ago
JSON representation

Pseudo Frogger Game

Awesome Lists containing this project

README

          

# Bugger Game

This game is a pseudo-clone of the classic "frogger" game. Like Frogger, you move your character across traffic, avoiding the icky bugs, to get to the safe zone (water at the top of the page).

I built this game as part of the [Udacity Front-End Web Developer Nanodegree](https://www.udacity.com/course/front-end-web-developer-nanodegree--nd001) program, but added a few twists just for the fun of it.

## How to Play

You can clone or download this game to your computer. Or you can play it in [your browser](https://rawgit.com/hellofromtonya/bugger-game/master/index.html).

1. Select your player's character:

![player's character](_wiki/characters.png)

2. Click or select the Play button. The game will now start.

3. Use the up/down/right/left arrows on your keyboard to move your player

![keyboard arrows](_wiki/arrow-keys.png)

Move into empty spaces, avoiding the bugs. If your player collides into a bug or a bug gets your player, the game is over.

4. Collect the gems to win more points.

### How Do You Win?

If your player makes it to the water, then bam, you win!

## Game Overview

This game is built in ES6 OOP. Then the distribution files are optimized for ES2015 using babel and gulp.

## Credits

- CSS keyframes and animation are from [animate.css](https://github.com/daneden/animate.css) by [Daniel Eden](https://github.com/daneden)
- Initial images and `resources.js` provided by [Udacity](https://github.com/udacity/frontend-nanodegree-arcade-game).

## Disclaimer

This repository is not for general use, but rather an exercise as part of an education program.

Cheers and <happy coding>,
Tonya