/yahtzee

Yahtzee in JavaScript!

Primary LanguageJavaScript

Game Image

Yahtzee!

A dice game invented by an anonymous Canadian couple to play aboard their yacht but now adapted so that you can play it wherever!

How the game works:

On your turn, you have three opportunities to roll the dice to score the highest points from funky dice combinations (more info on these combinations in the game UI). After three rolls, mark your score or a zero on your scorecard in the corresponding column. You may stop after the first roll if satisfied with the outcome. The game continues until all 13 score categories have been filled.

Scoring Combinations:

After a specific combination is surrounded in green, you can score that combination by clicking the number under "Pre-Score".

Rules for Aces-Sixes Scoring
Rules for 3&4OfAKind, Full House, Straights, and Yahtzee

Detailed game info here!

Gameplay:

Click Yahtzee-JS! here to play the game!

Motivation/Insipration:

Yahtzee has always been one of those games my family throws onto the table when we have a gathering and it's a blast every time. Besides the game being just genuinely enjoyable to play and see those scores add up at the end of the game, I thought it would be a good test of my current programming skills to see if I can properly implement all of the funky scoring combinations and rules Yahtzee has to offer!

Planning Materials

Technologies Used:

  • HTML
  • JavaScript
  • CSS
  • Git and GitHub

Credits:

  • Coolors For really nifty Color Palettes! (Affiliate Link: wink wink Coolors)
  • HeroPatterns For even niftier designs to use those color palettes on!
  • Confetti For the easiest to use confetti to ever be made in JS!

To-Dos and Goals:

To-Do:

  • Add multiple yahtzee bonus (+100 per)
  • Add joker rules multiple yahtzees
  • Fix small straight not showing up in temp score if only 4 dice are in the keepers section
  • Add a "?" icon somewhere that gives details on possible scoring combinations

Goals:

  • Add animations for dice rolling