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-10 11:12:56 -07:00
parent 59324356f4
commit f258ffa252
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
data/life/life.js
View File

@@ -39,12 +39,12 @@ function startGame() {
playerList[i - 1] = new playerBox(i, rotation, wide)
}
//Determine the grid size
columnWidth = parseInt(getComputedStyle(document.querySelector(".mainGrid")).width) / 2
columnWidth = window.innerWidth / 2 - 2
rowCount = (playerCount - playerCount % 2) / 2 + 1
if (playerCount == 2 || playerCount == 4) {
rowCount -= 1
}
rowHeight = parseInt(getComputedStyle(document.querySelector(".mainGrid")).height) / rowCount
rowHeight = window.innerHeight / rowCount - 2
//Now that all the player boxes are made, they must be configured
for (var i = 1; i <= playerCount; i++) {
configurePlayerBox(i)
@@ -114,7 +114,7 @@ function configurePlayerBox(playerBoxID) {
var context = currentPlayer.canvas.customVarContext
currentPlayer.canvas.width = columnWidth
if (playerList[playerBoxID - 1].canvas.classList.contains("widePlayerBox")) {
currentPlayer.canvas.width *= 2
currentPlayer.canvas.width = columnWidth * 2 + 2
}
currentPlayer.canvas.height = rowHeight
context.translate(currentPlayer.canvas.width / 2, currentPlayer.canvas.height / 2)

9
life.html
View File

@@ -46,9 +46,9 @@
<body>
<div id="settings">
Number of Players<br>
Number of Players:<br>
<input id="inputPlayerCount" class="input" type="number" min="2" value="6" max="16"><br>
Starting Life Total<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>
</div>
@@ -102,6 +102,7 @@
user-select: none;
font-family: belerenbsc;
font-size: 20pt;
margin: 0px;
}
body {
background-color: #333;
@@ -117,8 +118,8 @@
.playerBox {
/*background-color: #454;*/
border: 1px solid white;
width: 100%;
height: 100%;
width: auto;
height: auto;
}
.widePlayerBox {
grid-column: 1 / span 2;