DnD Dice Roller


How to Use


DnD Dice Roller is very simple to use.
When you visit the site for the first time, you will find the Dice Roller already configured with basic settings (i.e. “1d6 + 0 to total”) as shown in Fig. 1. These settings are discussed below;
Figure 1
Fig. 1: DnD Dice Roller pre-set configuration.

The upper text box of the line is the label for that line. By default, it shows the current configuration/settings of the line. You can customize it by clicking inside the text placeholder and type in the text of your label as shown in Fig. 2.
Figure 2
Fig. 2: DnD Dice Roller with a customized label “strength”

There are multiple input fields below the label of the line as shown in Fig. 3. Each field is discussed below;
Figure 3
Fig. 3: Dice settings parameters

  1. The first field specifies the number of dice. By default, its value is set to 1 but this can be changed by clicking inside the text box and typing in your required number or alternatively use the up/down arrow keys to adjust the number.

  2. The next field allows you to select a specific type of dice from the drop-down menu. By default, its value is set to the six-sided die (i.e. d6). To change it to some other type, just click on it and select the desired type of die from the drop-down menu.

  3. The next field specifies if you want to add or subtract a number of points (referred to as modifier in this guide) to the total or to each dice rolled. You can toggle between the signs by clicking on it and selecting from the drop-down list. The default sign is a plus (+) sign.

  4. In the next field, you can specify the modifier to add/subtract to the total or to each dice rolled. By default, its value is zero (0) but you can change it either by typing in the desired number in the text field or alternatively use up/down arrow keys to adjust the number.

  5. The last field allows you to select if you want to add/subtract the modifier to the total or to each die rolled. The default value is “to total”. However, you can change it by clicking on it and selecting from the drop-down list.

Once you have finished configuring the line, you can press the “Roll” button to get the dice roll result. The full output is displayed in the “Dice Roll Log” panel as shown in Fig. 4.
Figure 4
Fig. 4: Dice Roll Log

The log entry will show you the roll total and the result of each individual dice rolled including any modifiers as shown in Fig. 5. The log output is not retained between sessions.
Figure 5
Fig. 5: Log entry for an individual dice roll

If you need additional lines, you can click the “+” button on the left side below the line and get additional lines. Each line can be configured independently of the others in the same way as discussed for a single line as shown in Fig. 6.
Figure 6
Fig. 6: Multiple dice roll lines

If you want to remove a particular line from the list, you can do so by clicking the “—" button on the left side of that particular line as shown in Fig. 7.
Figure 7
Fig. 7: How to remove additional lines

In the case of multiple lines, a new button “ALL” on the right side below the last line has appeared as shown in Fig. 8.
Figure 8
Fig. 8: How to roll all lines of dice in the list

The “ALL” button is used to roll all the lines of the dice at the same time. If you do not want to roll all lines of dice at the same time, and instead wish to roll a particular line only, you can use the specific “Roll” button to the right of that line as shown in Fig. 9.
Figure 9
Fig. 9: How to roll a particular line only

In the case of multiple lines of dice, Roll entries in the “Dice Roll Log” are grouped together when the “ALL” button is triggered as shown in Fig. 10. The log output is not retained between sessions.
Figure 10
Fig. 10: Dice log entry for multiple lines of dice

There are two checkboxes at the top above the first line as shown in Fig. 11.
Figure 11
Fig. 11: DnD Dice Roller "save" and "sound" checkboxes

  • The checkbox on the left allows you to save the current dice settings in the form of a secure private cookie. Remember, this data is stored locally on your device and may be lost if you clear your browser cache.

  • The checkbox on the right side is used to toggle the dice roll sound effect.


EXAMPLE
How to create a dnd5e “character stat roller” with 6 lines where the configuration of each line should be 3d6 + 1 to total (for a human) and their respective names should be “strength”, “dexterity”, “constitution”, “intelligence”, “wisdom”, and “charisma”.

  1. Visit the site and start off with the first line.

  2. In the first row, change the label to “strength”.

  3. In the next row, change the value in the first column to 3 to set the number of dice. Leave the value in the next two columns i.e. type of dice and add/subtract (+/-) as it is since our desired type and sign and the default type and sign are the same. Update the modifier value to 1 in the second last column. There is no need to change the value in the next column as the desired configuration suggests that the modifier is added “to total” and the default value is also “to total”.

  4. Click the + button on the left side below the first line which will give you the second line.

  5. Configure it in the same way as above and set the label to “dexterity”.

  6. Get additional line by clicking the + button on the left below the last line, update it and set the label of this newly added line to “constitution”.

  7. Repeat the above step 3 times and set the labels of each newly added line to “intelligence”, “wisdom”, and “charisma”.

  8. You have successfully created a “character stat roller” with 6 lines of dice, each configured to 3d6 + 1 and labeled/named as “strength”, “dexterity”, “constitution”, “intelligence”, “wisdom”, and “charisma” respectively as shown in Fig. 12.

Figure 12
Fig. 12: Example - character stat roller