Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samirhodzic/ngx-snake
Snake arcade game implemented in Angular 7
https://github.com/samirhodzic/ngx-snake
angular-7 angular-cli angular7 arcade-game ngx-snake snake-game typescript
Last synced: about 1 month ago
JSON representation
Snake arcade game implemented in Angular 7
- Host: GitHub
- URL: https://github.com/samirhodzic/ngx-snake
- Owner: SamirHodzic
- License: mit
- Created: 2017-01-23T22:52:00.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2020-10-15T20:36:04.000Z (about 4 years ago)
- Last Synced: 2024-10-14T00:01:18.472Z (about 1 month ago)
- Topics: angular-7, angular-cli, angular7, arcade-game, ngx-snake, snake-game, typescript
- Language: TypeScript
- Homepage: https://samirhodzic.github.io/ngx-snake/
- Size: 2.33 MB
- Stars: 91
- Watchers: 7
- Forks: 75
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ngx-Snake
[![build-url][build-url-svg]][build-url]
[![Dependencies][dependencies]][dependencies-url]
[![Dev Dependencies][dev-dependencies]][dev-dependencies-url]
> ngx-Snake is simple Snake arcade game implemented in Angular 7 (latest 7.1.4)
#### Demo (Updated: 06/01/2019)
https://samirhodzic.github.io/ngx-snake/
#### Controls
UP, DOWN, LEFT, RIGHT - to control snake
## Setup
**Note**: Require Node 4+ together with Npm 3+, also be sure to install [Angular-CLI](https://github.com/angular/angular-cli) (latest 7.1.4)
```bash
$ npm install -g @angular/cli@latest
```
Clone this repo in your favourite shell:
```bash
$ git clone https://github.com/SamirHodzic/ngx-snake.git
```
Install the npm packages described in the package.json:
```bash
$ npm install
```
Transpile typescript into javascript, host the app and monitor the changes:
```bash
$ ng serve
```
Visit http://localhost:4200 and play!
## TODO
* ~~Save Best Score~~
* Multiple modes
* ~~Classic~~
* ~~No Walls~~
* ~~Obstacles~~
* Multiple Fruits
* Update UI
* ~~Make it responsive~~
* Introduce controls for mobile devices
* Write tests
* ...
[dependencies]: https://david-dm.org/samirhodzic/ngx-snake.svg
[dependencies-url]: https://david-dm.org/samirhodzic/ngx-snake
[dev-dependencies]: https://david-dm.org/samirhodzic/ngx-snake/dev-status.svg
[dev-dependencies-url]: https://david-dm.org/samirhodzic/ngx-snake?type=dev
[build-url]: https://travis-ci.org/SamirHodzic/ngx-snake
[build-url-svg]: https://travis-ci.org/SamirHodzic/ngx-snake.svg?branch=master