Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/barackm/js-endless-runner-game

Endless Runner is a game built in JavaScript characterized as an action game, linear in design with no end, without pauses or breaks for rest, and no stages or changing levels. It has one continuous level. The game's difficulty starts slow and easy.
https://github.com/barackm/js-endless-runner-game

babel es6 javascript webpack

Last synced: 15 days ago
JSON representation

Host: GitHub
URL: https://github.com/barackm/js-endless-runner-game
Owner: barackm
Created: 2021-07-15T09:59:42.000Z (over 3 years ago)
Default Branch: development
Last Pushed: 2022-08-26T21:00:35.000Z (about 2 years ago)
Last Synced: 2023-03-07T16:04:45.137Z (over 1 year ago)
Topics: babel, es6, javascript, webpack
Language: JavaScript
Homepage: https://objective-lewin-3b30a9.netlify.app
Size: 18.6 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![](https://img.shields.io/badge/Microverse-blueviolet)

# Endless Runner

> Endless Runner is a game built in JavaScript characterized as an action game, linear in design with no end, without pauses or breaks for rest, and no stages or changing levels. It has one continuous level. The game's difficulty starts slow and easy.

## 📝 Contents

## Built With

- Javascript
- Phaser3
- CSS
- Webpack

## Screenshots

![screenshot](assets/logo.png)

## Getting Started

**To get the local copy of the project up and running you will need to run the following commands on your terminal:**

`git clone https://github.com/barackm/js-endless-runner-game`

To install all the available dependecies run:
`npm install`

To bundle and transpile the javascript code using webpack run:
`npm run build` for production, or:
`npm start` for development.

Now you can open up the index.html file (located in the build directory in chrome) to see the result.

## Game Instructions

The main objective of the game is to collect as many gems as possible and have the best score by avoiding bombs.

This is the Player, He can move at all positions.

![screenshot](./my-player.png)

1. Enter your name For tracking the score

![screenshot](./screenshot1.png)

2. Click on Play To start the Game

![screenshot](./screenshot3.png)

3. Use the down arrow key to go down

![screenshot](./screenshot2.png)

4. Use the left arrow key to go left
5. Use the right arrow key to go right

![screenshot](https://png2.cleanpng.com/sh/540fd57910e2fd150048346b2c8278b8/L0KzQYm3VMIzN6ZofZH0aYP2gLBuTfNwdaF6jNd7LXvoibP2ggJlNZJ3itHCLXvoicS0gBxqeF5miuY2NXHnc7K6UcMzP2Q1eqk3OEW5Q4e7UMMyPWM5TKIEMUC6QYe3Vb5xdpg=/kisspng-computer-keyboard-arrow-keys-clip-art-5adca3132730b7.8563640315244091071605.png)

6. Collect Gems

![screenshot](./assets/jem.png)

7. If you fail the game you can either Restart or exit

![screenshot](./screenshot4.png)

## Demo Link

[Demo](https://objective-lewin-3b30a9.netlify.app/)

## Run the tests

To run the tests that are located in the spec folder just run `npm test`

## Authors

👤 **Barack Mukelenga**

- GitHub: [@barackm](https://github.com/barackm)
- Twitter: [@BarackMukelenga](https://twitter.com/BarackMukelenga)
- LinkedIn: [Baraka Mukelenga](https://www.linkedin.com/in/baraka-mukelenga/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/barackm/js-endless-runner-game/issues).

## Show your support

Give a ⭐️ if you like this project!❤️❤️❤️

## Acknowledgments

- Microverse

## License

The MIT License (MIT)