From 451ecabcc7db48272c920ea96e5f3167d2edc708 Mon Sep 17 00:00:00 2001 From: Kyle <41976328+ImKyle4815@users.noreply.github.com> Date: Sat, 10 Aug 2019 13:46:51 -0700 Subject: [PATCH] life --- data/life/life.js | 10 ++++- data/life/menuButton.png | Bin 0 -> 810 bytes data/life/menuExitButton.png | Bin 0 -> 1826 bytes life.html | 73 +++++++++++++++++++++++++++++------ 4 files changed, 69 insertions(+), 14 deletions(-) create mode 100644 data/life/menuButton.png create mode 100644 data/life/menuExitButton.png diff --git a/data/life/life.js b/data/life/life.js index 03828e71..e678446b 100644 --- a/data/life/life.js +++ b/data/life/life.js @@ -6,7 +6,7 @@ var playerCount, startingLifeTotal, firstPlayerWide = false, lastPlayerWide = fa //This function sets everything up function fullscreen() { //Full screen! - grid = document.getElementById("mainGrid") + grid = document.getElementById("gridShell") if (grid.requestFullscreen) { grid.requestFullscreen() } else if (grid.mozRequestFullScreen) { @@ -18,7 +18,7 @@ function fullscreen() { } else { // alert("Unfortunately fullscreen is unavailable for your device. If it's an iPhone, I'd recommend tapping the share button and selecting 'Add to Home Screen.' Running it from your home screen should provide a much better experience.") document.getElementById("return").classList.add("permaHidden") - document.getElementById("mainGrid").classList.add("fullscreenUnavailable") + document.getElementById("gridShell").classList.add("fullscreenUnavailable") } } function startGame() { @@ -187,4 +187,10 @@ function mouseUpPlayerBox() { playerList[i - 1].canvas.customVarMouseDown = "false" playerList[i - 1].canvas.customVarMouseDelay = 0 } +} +function resetLife() { + for (var i = 1; i <= playerCount; i++) { + playerList[i - 1].life = startingLifeTotal + } + document.getElementById('menu').classList.add('hidden') } \ No newline at end of file diff --git a/data/life/menuButton.png b/data/life/menuButton.png new file mode 100644 index 0000000000000000000000000000000000000000..012267b91a6578397f493aaa4db32937b4d1bca0 GIT binary patch literal 810 zcmeAS@N?(olHy`uVBq!ia0y~yU<5K5893O0R7}x|G$6&6RVxyfvA=%83h!W@g+}zZ>5+Ij>!MP|k zu_QG`p**uBL&4qCHy}kXm7Rfssn65JF{I+w+iQ%x%!WKH2bXazHm+xRHl=;yH```~ zT^`!&Rh~2Vd@*I@U{GLa0BT^M76Y$Ie_CsQGv0kGF0p!543XA0Fw9_JVGv+&0EHrm z@gO&BQZicsBNg2Y^1A}V0gvC`n0MXQHwX&_hBd@8xUD!Cj0UJ7c;NOLmE$}Qm{6UJ zLoa{rbAo-qq;Io{b zpZh6KjB6fASNmO?r!kb*tINhBv1W5=+34M58(&k4ZujQQB65tMu(|$ziKX1!nDdy^ zzdX)3(c5*=_zcsUAItPMuDGws+;{Kkizd))uD$lkneP~9v~>h5@VZ993HE>sJGkh6 z+VrjKd|%UQHpz%HcE2(^VbArld`vnSEX3-9%C&%&brh0G)x%o|bw}EARi8G%rE~PP z)9mN^^n8|da+T1sE~re4)3Wx$+@vMLJ%n13CROz{1q64F_EQAj+&@ZFYmoF&YmxL) zAxOF@0g^{lD3S-%IwW0`5J?9WhU6Y4LUM-+N770~AZel2Be_LIB59(cko-=G@$uKs z_&f<-n~_$&%x~#|x%J3+<^z61aUU^dR#$~*s2>)X5l1r_XC3)^XWllG| zD#mO17{Q{;fJ&~51Rg4-Zas{px(FD5)P=+Ni%taN6n*SX;)=0Z3_R?dbH^OO4?BEiI3aa}nWOnl1{UZl zkQ6xe&qj2;PJvI9vnaXcmHfFa-1BAbg&I;FBbTZy*>T zfJ8}ntHi(!kp-w4hPK1UgaQ7J6-@8_$DlJndK3&y00P`TUd~{Gv9Th6xdqGY-N4Nj zG0q?j1`!GDT=^_J@Tb-j!-@Sy4+0!j{0ls+O*y1D#4c?eO(~HwT2tVcPvEHJf^1|Mwb>{fG%wY1hfhT$zW;>+Mx_9_`+nqpbrB% zKPEk6AuJU?IWS#H_e7-&^f6RQ$oL4AdZw5}mUd{L5SKj8Or(o|az)Ii89cx{Ui|O? ziwMvTNq6CrwoGrj1Sq>`_^2p5r|5E^6x*b_fvTdsKqk>U=sp*hEPH=D4=5v|Qr$t- ziQ)z(aeDA$e_Z1JzEuH~!u(VZP*r#?kVR}A^y$6?loVrd0f$U2AWJK83ERFPV-sj2 z@KgnxV1*H;XpHHaZO0)yD{P@%kUg727F4)GJ2%^&LrN-^K|^ zhIVE)2ePVIXsxp6KvtC;jdA(!7W)8go+;Ea&e+*>9>`ri-qZ!R*Pu83HlZ$0+otM! z5a81}I^yJj4g{uja&?PEUC^0Ij1KOoLFYyoq3%y}QuVzJV0VsAI$5CO1xP3PTB|zy z@5U@XXWcdAUSuQ~iOsm5OtmO?9>4RXM(+ANJg(VR%JcnySW3f7iv|2QAA(+S^h;#} zPGVeq5cic01WvA;Zq<=J2v_@Kt!!XFF`kF!2EH@nTz-nK+QK#mvBsQLh#k=J*JtHvz4v+NB+Vhh<&D9q+FOoj<;zy51$=$SHgcd~GEWUTYZ SscQI71w^4yf{Sb84*dnr#1psx literal 0 HcmV?d00001 diff --git a/life.html b/life.html index eefa2933..4bef77fc 100644 --- a/life.html +++ b/life.html @@ -50,7 +50,7 @@ -
+
Number of Players:

Starting Life Total:
@@ -58,8 +58,16 @@
-
- +
+ + +
@@ -103,7 +111,9 @@ src: url("data/fonts/goudy-medieval.ttf"); } - + .settings { + margin: 2vw; + } * { user-select: none; font-family: belerenbsc; @@ -121,12 +131,14 @@ width: 100%; height: 100%; align-items: center; + } + #gridShell { display: none; } - .mainGrid:fullscreen { + #gridShell:fullscreen { display: inline-block; } - .mainGrid.fullscreenUnavailable { + #gridShell.fullscreenUnavailable { display: inline-block; } .playerBox { @@ -139,18 +151,55 @@ .widePlayerBox { grid-column: 1 / span 2; } - .hidden { - display: none; - } - .permaHidden { - display: none; - } #return { width: 100%; height: 100%; color: white; font-size: 3vw; } + .menuButton { + position: fixed; + top: calc(50% - 7.5vw); + left: calc(50% - 7.5vw); + width: 15vw; + height: 15vw; + border: 1px solid white; + } + .menuExitButton { + position: fixed; + top: 1vw; + right: 1vw; + width: 15vw; + height: 15vw; + } + .menu { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000a; + text-align: center; + display: table; + } + .menuInterior { + display: table-cell; + vertical-align: middle; + } + .menuOption { + font-size: 4vw; + background-color: #333; + border-radius: 1em; + display: inline-block; + margin-bottom: 1vw; + padding: 1vw; + } + .hidden { + display: none; + } + .permaHidden { + display: none; + }