@ng-casino/rock-paper-scissors
Version:
Angular component to play a game of Rock, Paper, Scissors
48 lines (38 loc) • 1.92 kB
Markdown
This is an Angular component which provides an online implementation of a simple game of Rock, Paper, Scissors.
Latest version: _1.0.2_
```
$ npm install @ng-casino/rock-paper-scissors
```
Add `RockPaperScissorsModule` to your `AppModule`:
```
import {RockPaperScissorsModule} from '@ng-casino/rock-paper-scissors';
@NgModule({
declarations: [AppComponent],
imports: [
RockPaperScissorsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
```
Basic usage of the component:
```html
<casino-rock-paper-scissors></casino-rock-paper-scissors>
```
| | Required | Description |
|----------------|----------|----------------------------------------------------------------------------------|
| [startText] | No | The text to display at the start of the game. Default is 'Make your choice'. |
| [wonText] | No | The text to display after a winning game. Default is 'You have won this game!'. |
| [lostText] | No | The text to display after a losing game. Default is 'You have lost this game!'. |
| [drawText] | No | The text to display after a tie. Default is 'There is no winner in this game!'. |
| [tryAgainText] | No | The text to display in the try again button. Default is 'Try again'. |
| [images] | No | Your own images to use instead of the default rock, paper, scissors images. |
| (onPlaying) | No | A callback which is called after the game has started or restarted. |
| (onGameResult) | No | A callback which is called after you and your opponent have made their decision. |