Added dice how to videos

src/docs/assets/index.js

@@ -4,6 +4,10 @@ import customMaps from "./CustomMaps.mp4";
 import customMapsAdvanced from "./CustomMapsAdvanced.jpg";
 import resetingAndRemovingMaps from "./ResetingAndRemovingMaps.mp4";
 import usingDrawing from "./UsingDrawing.mp4";
+import openDiceTray from "./OpenDiceTray.mp4";
+import diceRolling from "./DiceRolling.mp4";
+import diceStyles from "./DiceStyles.mp4";
+import diceTraySize from "./DiceTraySize.mp4";
 
 export default {
   audioSharingFaq,
@@ -12,4 +16,8 @@ export default {
   customMapsAdvanced,
   resetingAndRemovingMaps,
   usingDrawing,
+  openDiceTray,
+  diceRolling,
+  diceStyles,
+  diceTraySize,
 };

src/docs/howTo/usingDice.md

@@ -1,22 +1,32 @@
 Owlbear Rodeo supports a physically simulated 3D dice tray and dice. To access these features click the Show Dice Tray icon in the top left of the map view.
 
+![Open Dice Tray](openDiceTray)
+
 ## Rolling and Rerolling
 
 To roll dice with the dice tray open simply click the Add Dice icon for the type of dice you wish to add.
+
 A running total of how many dice you have added will show up above each dice icon.
 
 Once your dice have been rolled a calculated total of the dice can be seen on the bottom of the dice tray.
 
 To reroll all your dice you can click the Reroll Dice icon in the bottom right of the dice tray if you wish to reroll a single die you can simply grab the dice and throw it in the dice tray.
 
+![Dice Rolling](diceRolling)
+
 ## Clearing
 
 To clear the dice in your dice tray you can click the Clear Dice button in the bottom left of the dice tray.
 
 ## Styling Your Dice
 
-Owlbear Rodeo has a bunch of varying dice styles to choose from when you roll. To change your dice style click Select Dice Style Button in the top left of the dice tray.
+Owlbear Rodeo has a bunch of varying dice styles to choose from when you roll.
+To change your dice style click Select Dice Style Button in the top left of the dice tray.
+
+![Dice Styles](diceStyles)
 
 ## Expanding Your Dice Tray
 
 The dice tray comes in two different sizes to change the size click the Expand Dice Tray Button in the top right of the dice tray.
+
+![Dice Tray Size](diceTraySize)