-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (75 loc) · 4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>D&Dice</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
</head>
<body>
<header>
<h1>D&Dice: Vaults</h1>
</header>
<div class="container-col">
<div class="control-panel">
<div class="message-group">
<div class="message"></div>
<p id="wager-message"></p>
</div>
<input type="text" class="wager" placeholder="Your wager"/>
<div class="btn-row">
<button id="crowbar-btn"><i class="las la-toolbox"></i>Take a Crowbar!</button>
<button id="throw"></button>
<button id="next-rnd">Play the Next Round!</button>
<button id="flow-btn">Reset Game</button>
<button id="rules-btn">Rules</button>
<button id="vaults-btn">Play Vaults</button>
<button id="gAndH-btn">Play Giants and Halflings</button>
</div>
</div>
<div class="container-row">
<div class="dice" id="canvas"></div>
<div class="vault-pic">
<img src="resources/vault-closed.png" alt="Vault">
</div>
</div>
<div class="modal" id="rules-modal">
<div class="modal-content">
<span class="close">×</span>
<h3>Vaults</h3>
<p>
After the player makes their wager, the house roles the first die, an eight-sided die (d8).
This is the difficulty of the vault. If the house rolls a 1, the vault is a mimic and the player loses immediately.
</p>
<p>
The player rolls two six-sided dice (2d6), trying to roll over the vault number.
If the player rolls double 1s or the vault number exactly, they activate the trapdoor, passing immediately to the second vault without winning anything from the second.
If the player rolls a 9 or higher, they activate the trap and lose.
</p>
<p>
Players who win a round of vaults move on to the next vault. Successive rounds are harder as the vault die is larger (progressing to 1d10, 1d12, and finally 1d20), but the payout is also larger.
The table below shows the payout on the original bet, and the trap numbers (if any).
</p>
<p>
On the final vault, the player has the option of taking a crowbar.
This means they can add an additional four-sided die (1d4) to their roll, but the payout amount is reduced.
</p>
<h3>Giants and Halflings</h3>
<p>
Giants and halflings is a little like a single round of vaults where the number to beat is rolled on 1d10, and there is the option to split if the knee (vault number)
is met exactly or push if you roll two 1s. When splitting, the initial wager is doubled, and the player rolls one additional die for each die rolled originally.
</p>
</div>
</div>
</div>
<script src="resources/dice/libs/three.min.js"></script>
<script src="resources/dice/libs/cannon.min.js"></script>
<script src="resources/dice/teal.js"></script>
<script src="resources/dice/dice/dice.js"></script>
<script src="js/main.js" defer></script>
</body>
</html>