https://github.com/cuzfrog/palm-game

React based palm game console
https://github.com/cuzfrog/palm-game

classic-snake-game game react reactjs redux redux-observable retro-game rxjs rxjs6 styled-components tetris typescript

Last synced: about 2 months ago
JSON representation

React based palm game console

• Host: GitHub
• URL: https://github.com/cuzfrog/palm-game
• Owner: cuzfrog
• Created: 2019-06-29T14:39:23.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-01T08:56:15.000Z (over 3 years ago)
• Last Synced: 2023-03-03T18:17:55.285Z (over 3 years ago)
• Topics: classic-snake-game, game, react, reactjs, redux, redux-observable, retro-game, rxjs, rxjs6, styled-components, tetris, typescript
• Language: TypeScript
• Homepage: https://cuzfrog.github.io/palm-game
• Size: 10.5 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![Build Status](https://travis-ci.org/cuzfrog/palm-game.svg?branch=master)](https://travis-ci.org/cuzfrog/palm-game)

[![MIT license](http://img.shields.io/badge/license-MIT-brightgreen.svg)](http://opensource.org/licenses/MIT)

[![Verion](https://img.shields.io/badge/dynamic/json.svg?color=informational&label=UI-version&query=%24.version&url=https%3A%2F%2Fraw.githubusercontent.com%2Fcuzfrog%2Fpalm-game%2Fmaster%2Fui%2Fpackage.json)](./ui/package.json)

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/82590dbed2e848e9aecc381d7cf054fb)](https://www.codacy.com/app/cuzfrog1/palm-game?utm_source=github.com&utm_medium=referral&utm_content=cuzfrog/palm-game&utm_campaign=Badge_Grade)

# palm-game

A palm game console built on Typescript + React + Redux + RxJS.



## Todo list

- [x] Snake

- [x] Tetris

- [ ] more games

- [ ] optimize on mobile client

- [ ] better appearance/css

## Games

* Change game: `select` or 

* Start game: `start` or 

* Increase level: 

* Decrease level: 

* Pause game: during game `start` or 

* Quit game: when game paused `select` or  2 times

### Tetris



* Move:   

* Rotate: 

* Hard drop: 

### Snake



* Change direction:    

## Performance

Prod build:

* Snake - per frame <10ms 

## Build & Run

1. install `node/npm`

2. `cd ui`

3. `npm install`

4. `npx webpack-dev-server`

5. open your browser at `127.0.0.1:9000`

## Acknowledgement

Some Css styles are borrowed from the Internet.

## Author

Cause Chung(cuzfrog@gmail.com)