A dice roller and troop tracker for the RISK boardgame.


RISK Roller is a single territory attack roller for the game of RISK. Instructions: RISK Roller assumes some knowledge of the rules of the game of RISK. To begin, enter the attacker and defender's initial territory troop numbers. You only have to do this once! Note that when you enter your troops the RISK Roller will display the most optimum troop unit placements. Next, select your dice amount. In RISK, for the Attacker, this is the troops you are invading with. Remember, you must leave at least one troop in your home territory. So you cannot invade using three dice if you only have three troops. For the Defender, this is the troops you are defending with. Remember, you can only defend with the amount of troops you have. So if you have only two troops, you cannot use three dice. You must use only two. RISK Roller obeys these standard rules. When finished entering troops and selecting dice, click "Roll Dice" to begin. The RISK Roller will total each win and loss and deduct troops for you each round. Keep clicking "Roll Dice" until someone wins. RISK Roller will automatically deduct your troop amounts, troop display and dice as needed. Your RISK Roll has been digitized! ~ Note: The RISK board game was produced by Parker Borthers, now a division of Hasbro and was originally created by French filmmaker Albert Lamorisse.



Roller Controls

History Roll Count:

Troop Key

Infantry: A have a value of 1.     Horsemen: B have a value of 5.    Canons: C have a value of 10.

About This Demo

This demo is designed to simulate an attack turn in the boardgame of RISK. It shows a front-end design with JavaScript functionality to provide dynamic updates as the attack progresses. The game manages troop rolls by performing dice comparison per the rules of RISK. It additionally displays the optimum troops mathematically that one might use in boardgame play. Instead of using images for the troops I made a font. Lastly, it maintains a history log of rolls until finally the attack is complete.

This demo was designed using HTML, CSS/Bootstrap, jQuery and Photoshop (for the graphics). Click on the following links to view the source: