1
0
Fork 0
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

73 lines
2.2 KiB

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>js13kgames-2021 - SPACE</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚀</text></svg>">
<style>{%- include './main.css' -%}</style>
</head>
<body>
<main>
<section id="scene-title" tabindex="0">
<h1>Combat Scorched Earth from Outer Space</h1>
<a href="#scene-game">New game</a>
<a href="#scene-credits">Credits</a>
</section>
<section id="scene-game" tabindex="0">
<canvas id="game" width="300" height="450"></canvas>
<label id=="xgravity-label">
<span>Manipulate the gravity!</span>
<input
id="xgravity"
type="range"
min="-100"
max="100"
value="0"
step="any"
/>
</label>
<label id="ygravity-label">
<span class="sr-only">Manipulate the gravity!</span>
<input
id="ygravity"
type="range"
min="-100"
max="100"
value="0"
step="any"
orient="vertical"
/>
</label>
<div id="controls">
<button type="button" onclick="location.reload()">Restart</button>
<a href="#scene-title">Back to start</a>
</div>
</section>
<section id="scene-credits" tabindex="0">
<h2>Credits</h2>
<p>
Video name generated using
<a href="https://videogamena.me/">The Video Game Name Generator</a>.
</p>
<p>
Physics engine adapted from
<a href="https://github.com/xem/mini2Dphysics">mini2Dphysics</a>.
</p>
<p>
<a href="#scene-title">Back to start</a>
</p>
</section>
</main>
<script>{%- include './app.js' -%}</script>
<script>location.hash='#scene-title';window.game.app()</script>
</body>
</html>