Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

life

Browse Source
This commit is contained in:
Kyle
2019-08-11 20:28:36 -07:00
parent 566e3e5d95
commit 2cfa8cec7c
2 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
data/life/life.js
View File

@@ -288,7 +288,10 @@ function inputCardArtName(cardArtNameInput) {
function inputCardArtNameNumber(cardArtNameNumberInput) { function inputCardArtNameNumber(cardArtNameNumberInput) {
playerList[parseInt(document.getElementById('inputPlayer').value) - 1].canvas.customVarImage.src = cardArtUrlList[cardArtNameNumberInput - 1] playerList[parseInt(document.getElementById('inputPlayer').value) - 1].canvas.customVarImage.src = cardArtUrlList[cardArtNameNumberInput - 1]
} }
// document.getElementById("mainGrid").addEventListener("touchmove", function(event) { document.getElementById("mainGrid").addEventListener("touchmove", function(event) {
// event.preventDefault() event.preventDefault()
// console.log("it ran?") console.log("it ran?")
// }, false) }, false)
function rollRNG() {
document.getElementById("rngOutput").innerHTML = Math.floor(Math.random() * (parseInt(document.getElementById("inputRNGMax").value) - parseInt(document.getElementById("inputRNGMin").value) + 1) + parseInt(document.getElementById("inputRNGMin").value))
}

26
life.html
View File

@@ -74,6 +74,13 @@
<input id="inputCardArtName" onchange="inputCardArtName(this.value)" type="text" placeholder="Via Card Name"><br> <input id="inputCardArtName" onchange="inputCardArtName(this.value)" type="text" placeholder="Via Card Name"><br>
<input id="inputCardArtNameNumber" onchange="inputCardArtNameNumber(this.value)" type="number" value="1" min="1" max="1"> <input id="inputCardArtNameNumber" onchange="inputCardArtNameNumber(this.value)" type="number" value="1" min="1" max="1">
</div><br> </div><br>
<div class="menuOption">
RNG<br>
Min <input class="smallInput" type="number" id="inputRNGMin" min="0" value="1"><br>
Max <input class="smallInput" type="number" id="inputRNGMax" min="0" value="20"><br>
<div onclick="rollRNG()" class="rng"><div class="rngNumber" id="rngOutput"><div style="font-size: 30pt; margin-top: 0.75em;">Tap Me<br>To Roll</div></div></div>
</div><br>
<div class="menuOption">REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE</div>
</div> </div>
</div> </div>
<div id="mainGrid" class="mainGrid"></div> <div id="mainGrid" class="mainGrid"></div>
@@ -173,7 +180,8 @@
margin: 60pt 0px 0px 0px; margin: 60pt 0px 0px 0px;
padding: 10pt; padding: 10pt;
overflow-y: auto; overflow-y: auto;
height: calc(100% - 70pt); max-width: calc(100vw - 23pt);
height: calc(100% - 60pt);
border: 2px solid white; border: 2px solid white;
touch-action: pan-y; touch-action: pan-y;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@@ -185,6 +193,8 @@
display: inline-block; display: inline-block;
margin-bottom: 10pt; margin-bottom: 10pt;
padding: 8pt; padding: 8pt;
max-width: calc(100% - 16pt);
overflow-x: hidden;
} }
.colorInput { .colorInput {
border: 0px; border: 0px;
@@ -201,6 +211,20 @@
input { input {
width: 7.5em; width: 7.5em;
} }
.smallInput {
width: 3em;
}
.rng {
margin-top: 6pt;
border: 1px solid white;
height: 5em;
min-width: 5em;
border-radius: 1em;
background-color: #222;
}
.rngNumber {
font-size: 4em;
}
</style> </style>
<script src="data/life/life.js"></script> <script src="data/life/life.js"></script>
<html> <html>