GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

life

Browse Source
This commit is contained in:
Kyle
2019-08-18 16:27:07 -07:00
parent 3101179d9e
commit c6d9fd82bb
3 changed files with 213 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
data/life/NoSleep.js Normal file
View File

File diff suppressed because one or more lines are too long

15
data/life/life.js
View File

@@ -2,7 +2,13 @@
// Card Conjurer, by Kyle Burton //
//============================================//
//define variables
var playerCount, startingLifeTotal, firstPlayerWide = false, lastPlayerWide = false, playerList = [], rowHeight = 0, columnWidth = 0, rowCount = 0, isFullscreen = true, mouseClickId = 0
var playerCount, startingLifeTotal, firstPlayerWide = false, lastPlayerWide = false, playerList = [], rowHeight = 0, columnWidth = 0, rowCount = 0, isFullscreen = true, mouseClickId = 0, noSleep = new NoSleep()
//Setup the enabler for no sleep
document.addEventListener("click", enableNoSleep, false);
function enableNoSleep() {
document.removeEventListener("click", enableNoSleep, false);
noSleep.enable();
}
//This function sets everything up
function fullscreen() {
//Full screen!
@@ -265,14 +271,7 @@ function moveTouch() {
touchY[i] = event.touches[i].clientY
}
}
//Attempt at getting past webkit's really annoying double tap zoom. Because it's been five years and they haven't added support for css's touch-action. Because I'm sure they have a really good excuse...
var lastTouchEnd = 0
function endTouch() {
var now = (new Date()).getTime()
if (now - lastTouchEnd <= 300) {
event.preventDefault()
}
lastTouchEnd = now
for (var i = 1; i <= playerList.length; i++) {
if (playerList[i - 1].touchId == event.changedTouches[0].identifier) {
playerList[i - 1].touchId = 0.5

19
life.html
View File

@@ -53,7 +53,8 @@
<input id="inputPlayerCount" class="input" type="number" min="2" value="4" max="16"><br>
Starting Life Total:<br>
<input id="inputStartingLife" class="input" type="number" min="0" value="40"><br>
<button id="buttonStartGame" class="input" onclick="startGame()">Game On!</button><br><br>
<button id="buttonStartGame" class="input" onclick="startGame()">Game On!</button><br>
<input type="checkbox" id="inputWakeLock" checked="true">Enable Wake Lock</input><br><br>
For an optimal experience, save this website to your home screen and open it from there.<br><br><div style="font-size: 0.75em">Check out my other website, <a style="font-size: inherit" href="https://cardconjurer.com">Card Conjurer</a>, to easily create custom Magic cards!</div>
</div>
</div>
@@ -124,6 +125,7 @@
body {
background-color: #333;
color: white;
touch-action: manipulation;
}
.mainGrid {
display: grid;
@@ -131,7 +133,7 @@
grid-auto-rows: 1fr;
width: 100%;
height: 100%;
/*align-items: center;*/
touch-action: manipulation;
}
.mainGrid {
/*position: fixed;
@@ -140,6 +142,7 @@
}
#gridShell {
display: none;
touch-action: manipulation;
}
#gridShell:fullscreen {
display: inline-block;
@@ -225,6 +228,13 @@
input {
width: 7.5em;
}
#inputWakeLock {
position: relative;
top: -0.2em;
margin: 0.25em;
height: auto;
width: auto;
}
.smallInput {
width: 3em;
}
@@ -242,9 +252,8 @@
a {
color: white;
}
/*a:hover {
color: grey;
}*/
</style>
<script src="data/life/NoSleep.js"></script>
<script src="https://gist.github.com/lucasdidthis/8a2ecf406634e9ad9ca1.js"></script>
<script src="data/life/life.js"></script>
<html>