-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
36 lines (36 loc) · 1.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width">
<style>
canvas{image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:auto;border:0.3vw solid hotpink}
*{padding:0;margin:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:Calibri,sans-serif}
html,body,#sc{background:black;color:fuchsia;line-height:1}
.noScrl{overscroll-behavior:none;overflow:hidden}
p,h1{margin:1rem;line-height:1.5;font-size:25px;text-align:center}
h1{color:white;font-size:40px}
strong{color:hotpink}
#sc{display:flex;justify-content:center;align-items:center}
button{border:15px solid transparent;background:transparent;display:inline-block;min-width:0}
button b{background:white;padding:20px}
[keys]{position:fixed;bottom:20px}
[left]{text-align:left;left:20px}
[right]{text-align:right;right:20px}
@media(min-aspect-ratio:320/180){canvas{height:100vh;width:auto;justify-self:center}}
</style>
<title>Please Finish In 13th Place</title>
<!-- story -->
<div id=sc>
<canvas id=c width=320 height=180></canvas>
<div keys left><button key=KeyA><b>left</b></button><button key=KeyD><b>right</b></button></div>
<div keys right><button key=Space><b>jump</b></button></div>
</div>
<!-- snip -->
<script src="game.js"></script>
<script src="pause.js"></script>
<script src="multi-phase.js"></script>
<script src="world.js"></script>
<script src="player.js"></script>
<script src="approaching-racer.js"></script>
<script src="music.js"></script>
<script src="fullscreen.js"></script>
<script src="goal.js"></script>