diff options
Diffstat (limited to 'views/game.html')
| -rw-r--r-- | views/game.html | 152 |
1 files changed, 152 insertions, 0 deletions
diff --git a/views/game.html b/views/game.html new file mode 100644 index 0000000..023e547 --- /dev/null +++ b/views/game.html @@ -0,0 +1,152 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <script>if (typeof require !== "undefined") {native = true;try{global.native = true;}catch(e){}} else {native = false;try{global.native = false;}catch(e){}}if (!native){global = window;}if (native){kresources=require('@electron/remote').getCurrentWindow().resources;trackEvent=require('@electron/remote').getCurrentWindow().trackEvent;}info=(_a,b)=>{console.info(b);};warn=(_a,b)=>{console.warn(b);};error=(_a,b)=>{console.error(b);};</script> + <script src="../lang/loader.js"></script> + <script src="../scenario/client.js"></script> + <meta charset="UTF-8"> + <link rel="stylesheet" href="common/fonts.css"> + <link rel="stylesheet" href="game.css"> + <title>Kartik</title> + <script src="../crash/client.js"></script> + <script src="../sfx/sfx.js"></script> + <script> + require('@electron/remote').getCurrentWindow().dstate = lang.discord.game[0]; + if (location.search === "?sp") { + require('@electron/remote').getCurrentWindow().ddetails = lang.discord.game[1]; + } else if (location.search === "?online") { + require('@electron/remote').getCurrentWindow().ddetails = lang.discord.game[2]; + } else { + require('@electron/remote').getCurrentWindow().ddetails = lang.online.discord; + } + + global.online = false; + global.paused = false; + global.keysEnabled = true; + global.started = false; + global.startHooks = []; + </script> + <script> + _sfx = false; + + if (!require('@electron/remote').getCurrentWindow().debug) { + document.write('<link rel="stylesheet" href="common/mouse.css">'); + } + </script> +</head> +<body> + <script>info("MainWindow", "Rendering initial frame..."); + + if (native) { + scale=require('@electron/remote').getCurrentWindow().scale;document.body.style.zoom=scale; + } + + </script> + <div id="bg" style="display: none;background:black;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;"> + <div id="box" style="display: none;background-color: #545454;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;"> + + <div id="online-login" style="display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: transparent;z-index: 99999;padding: 50px;color: white;text-align: center;background:#111;"> + <p id="connecting"><script id="pf1">document.write(lang.online.connecting);document.getElementById('pf1').outerHTML='';</script></p> + <p id="loading" style="display:none;"><script id="pf2">document.write(lang.online.loading);document.getElementById('pf2').outerHTML='';</script></p> + <div id="intro" style="display:none;"> + <h2><script>document.write(lang.online.intro.create);</script></h2> + <p><script>document.write(lang.online.intro.pcreate);</script></p> + <span id="yourid" style="font-family:monospace;font-size:48px;">########</span> + + <hr style="border-bottom: 0;"> + + <h2><script>document.write(lang.online.intro.join);</script></h2> + <p><script>document.write(lang.online.intro.pjoin);</script></p> + <input onchange="checkOnlineLogin();" onkeyup="checkOnlineLogin();" onkeydown="checkOnlineLogin();" id="theirid" style="font-family:monospace;font-size:48px;border:1px solid black;width: 5em;padding: 0;margin: 0;background: transparent;color: white;outline: none;" maxlength="8" placeholder="--------" length="8" spellcheck="false"> + <script>document.getElementById('theirid').focus(); global.focuser = setInterval(() => { document.getElementById('theirid').focus(); }, 1);</script> + </div> + </div> + + <div id="ping-chart" style="position: fixed;top: 4px;left: 4px;z-index: 9999999998;display: flex;width: 70px;height: 50px;justify-content: flex-end;align-items: flex-end;"></div> + <div id="ping-outer" style="position: fixed;top: 4px;left: 4px;z-index: 9999999999;display: flex;width: 70px;height: 50px;align-items: center;justify-content: center;"> + <div id="ping" style="font-family:monospace;color: white;text-shadow: 1px 1px 5px black;font-size: 8px;">- ms</div> + </div> + + <script> + if (!require('@electron/remote').getCurrentWindow().online || require('@electron/remote').getCurrentWindow().update === "stable") { + document.getElementById('ping-chart').style.display = "none"; + document.getElementById('ping-outer').style.display = "none"; + } + </script> + + <div id="laps"> + <span id="laps-inner-car0"><span id="laps-car0">0</span><hr class="laps-inner-sep">5</span> + <span id="laps-inner-car1"><span id="laps-car1">0</span><hr class="laps-inner-sep">5</span> + </div> + <div id="credits"><div id="credits-inner"> + <div id="credits-race" style=" + display: grid; + grid-template-columns: 1fr; + text-align: center; +"><div id="race"> + <img src="common/race.svg" style="vertical-align: middle;"> + <div class="cbox"><span><span class="big" id="race-title">...</span><br><script>document.write(lang.game.credits.by);</script> <span id="race-author">...</span></span></div> + </div> + </div><div id="credits-cars" style=" + display: grid; + grid-template-columns: 1fr 1fr; + margin-top: 16px; + text-align: center; +"><div id="cars-p1" style=" + display: grid; + grid-template-columns: 48px 1fr; +"> + <img src="../icons/gamepad.svg" style="vertical-align: middle;filter: brightness(0) invert(1) !important;width: 24px;"> + <div class="cbox"><span><span class="big" id="cars-n1">1</span><br><img src="/" style=" + width: 72px; + filter: none !important; +" id="cars-p1-inner"></span></div> + </div><div style=" + display: grid; + grid-template-columns: 48px 1fr; +"> + <img src="../icons/gamepad.svg" style="vertical-align: middle;filter: brightness(0) invert(1) !important;width: 24px;"> + <div class="cbox"><span><span class="big" id="cars-n2">2</span><br><img src="/" style=" + width: 72px; + filter: none !important; +" id="cars-p2-inner"></span></div> + </div></div></div></div> + <div id="circuit" style="background-size: cover;background-position: center center;position: fixed;inset: 0;z-index: 2;background-color: rgb(255, 255, 255);width: 720px;height: 540px;"> + ... + </div> + + <script src="./script/game_select.js"></script> + </div> + + <div id="paused" style="z-index:5;display:none;"> + <div> + <h2 style="text-align:center;"><!--<script>document.write(lang.game.gpause.title);</script>--><img alt="full-logo" src="../logo/full.png" style="height: 96px;"></h2> + <div class="services"> + <div class="items"> + <ul style="padding:0;"> + <li class="selected"><a href="#" id="continue"><script>document.write(lang.game.gpause.continueg);</script></a></li> + <li><a href="#" id="hitboxes"><script>document.write(lang.game.gpause.showhb);</script></a></li> + <li><a href="#" id="quit"><script>document.write(lang.game.gpause.quit);</script></a></li> + </ul> + </div> + </div> + </div> + </div> + <script src="../race/pause.js"></script> + + <script src="./script/game_music.js"></script> + <script>info("GameWindow", "Game started");</script> + + </div> +</body> +<script src="../race/cars/car0.js"></script> +<script src="../race/cars/car1.js"></script> +<script src="../race/cars/car1ai.js"></script> +<script src="../race/cars/keymap.js"></script> + +<script src="./script/game_global.js"></script> +<script src="./script/game_online.js"></script> + +<script src="./script/client_fullscreen.js"></script> + +</html> |