@ng-casino/rock-paper-scissors

Angular component to play a game of Rock, Paper, Scissors

Usage no npm install needed!

<script type="module">
  import ngCasinoRockPaperScissors from 'https://cdn.skypack.dev/@ng-casino/rock-paper-scissors';
</script>

README

Rock, Paper, Scissors

This is an Angular component which provides an online implementation of a simple game of Rock, Paper, Scissors.

Latest version: 1.0.2

Rock, Paper, Scissors

Installation

$ npm install @ng-casino/rock-paper-scissors

Usage

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:

<casino-rock-paper-scissors></casino-rock-paper-scissors>
Options
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.