Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/iamkun/tower_game

💒 HTML5 Canvas Tower Building Game 🏢🏬🏦🏯🏰
https://github.com/iamkun/tower_game

canvas game html5 javascript

Last synced: 7 days ago
JSON representation

💒 HTML5 Canvas Tower Building Game 🏢🏬🏦🏯🏰

Host: GitHub
URL: https://github.com/iamkun/tower_game
Owner: iamkun
License: mit
Created: 2018-03-19T05:41:07.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2024-08-09T07:33:44.000Z (4 months ago)
Last Synced: 2024-11-28T10:02:44.756Z (14 days ago)
Topics: canvas, game, html5, javascript
Language: JavaScript
Homepage: https://iamkun.github.io/tower_game/
Size: 1.88 MB
Stars: 1,514
Watchers: 35
Forks: 420
Open Issues: 4
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome - tower_game - 💒盖楼游戏 html5 canvas tower building game 🏢🏬🏦🏯🏰 (JavaScript)

README

        [![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)

English | [简体中文](./README.zh-CN.md)

Tower Building Game



> a tower building game based on ES6 and Canvas (Tower Bloxx Deluxe Skyscraper)

## Demo



Link to online Demo (Demo Link)

Mobile Devices can scan following QR code:



  



## Game Rule

The following are the default game rule:

- In every game player starts with 3 hp. Every time a Tower block is dropped player is deduct 1 hp; game ends when hp is depleted.

- Player is rewarded with 25 point for every succesful stacked blocks(Success). If a block is stacked pefectly (Perfect) on top of the previous one, then player

rewarded with 50 points instead. Consecutive Perfects awards additional 25 points.

**Note: Each Success or Perfect constitutes a floor**

  For example, the first Perfect awards 50 point. The second consecutive Perfect awards 75 points.

 The third consecutive Perfect awards 100 points.  etc.



  



## Customizing the game rule

```

git clone https://github.com/iamkun/tower_game.git

cd tower_game

npm install

npm start

```

Open `http://localhost:8082` in a web browser.

- To customize image and sound resource files directly replace the corresponding file under `assets` directory.

- To customize game rules modify the `option` object in `index.html`.

## Option

Use following table of `option` constants to complete customization of game rules.

**Note: all constants are optionally included**

| Option | Type | Description |

|---------|--------|-------------|

| width          | number | Width of game interface |

| height         | number | Height of game interface |

| canvasId       | string | DOM ID in Canvas |

| soundOn        | boolean | If sound is on |

| successScore   | number | Points awarded for success |

| perfectScore   | number | Additional points awarded for perfect |

| hookSpeed | function | Speed of hook's movement |

| hookAngle | function | Angle of hook |

| landBlockSpeed | function | Speed of block sway |

| setGameScore | function | hook for current score |

| setGameSuccess | function | hook for number of current succesful game |

| setGameFailed | function | hook for number of current failed game |

#### hookSpeed

Speed of hook's movement

This function takes in two parameters, currentFloor and currentScore, and returns a speed value.

```

function(currentFloor, currentScore) {

  return number

}

```

#### hookAngle

Angle of hook

This function takes in two parameters, currentFloor and currentScore, and returns a angle value.

```

function(currentFloor, currentScore) {

  return number

}

```

#### landBlockSpeed

Speed of block sway

This function takes in two parameters, currentFloor and currentScore, and returns a speed value.

```

function(currentFloor, currentScore) {

  return number

}

```

#### setGameScore

hook for current score

This function takes in one parameters, score, and sets currentScore to score.

```

function(score) {

  // your logic

}

```

#### setGameSuccess

hook for number of current succesful game

This function takes in one parameters, score, and sets GameSuccess to successCount.

```

function(successCount) {

  // your logic

}

```

#### setGameFailed

hook for number of current failed game

This function takes in one parameters, score, and sets GameFailed to failedCount.

```

function(failedCount) {

  // your logic

}

```

## License

MIT license.