-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (51 loc) · 4.61 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
<title>Flapper</title>
<meta charset="utf-8"/>
<meta property="og:title" content="Flapper"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://flapper.ryanwarsaw.com/"/>
<meta property="og:image" content="https://flapper.ryanwarsaw.com/assets/thumbnail.png"/>
<meta property="og:image:width" content="399"/>
<meta property="og:image:height" content="399"/>
<meta property="og:description" content="Remix of the popular game Flappy Bird to demo basic game development."/>
<link href="css/main.css" rel="stylesheet">
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
<script src="js/util.js"></script> <!-- Utilities -->
<script src="js/input.js"></script> <!-- Input Handler -->
<script src="js/obstacle.js"></script> <!-- Obstacle Manipulation -->
<script src="js/character.js"></script> <!-- Character Manipulation -->
<script src="js/game.js"></script> <!-- Game initialization and tick loop -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111542477-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111542477-1');
</script>
</head>
<body>
<div id="game">
<p id="score">Score: 0</p>
<div id="clouds"></div>
<div id="fields"></div>
<div id="character">
<svg height="95px" viewBox="0 0 399 272" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="tucker">
<polygon id="top-beak" fill="#FD6E1E" points="264 64 231 64 231 0 359 0 359 8 375 8 375 16 383 16 383 24 391 24 391 40 399 40 399 56 391 56 391 64"></polygon>
<polygon id="bottom-beak" fill="#FD6E1E" points="328 80 279 80 279 72 231 72 231 88 247 88 247 96 287 96 287 104 335 104 335 112 383 112 383 96 391 96 391 88 343 88 343 80"></polygon>
<polygon id="sclera" fill="#FFFBFB" points="215.118015 23.9967358 215.118015 39.9759543 222.990429 39.9759543 222.990429 56.0436404 215.118015 56.0436404 215.118015 72.0909655 198.994579 72.0909655 198.994579 79.9924777 174.9601 79.9924777 174.9601 72.0909655 166.992223 72.0909655 166.992223 64.0777552 158.852749 64.0777558 158.852749 33.7473167 158.852749 31.9250491 166.992223 31.9250491 166.992223 23.9967358 174.9601 23.9967358 174.9601 15.9345858 207.125822 15.9345858 207.125824 23.9967358"></polygon>
<polygon id="pupil" fill="#4A4A4A" points="183 32 183 40 175 40 175 56 183 56 183 64 199 64 199 56 207 56 207 40 199 40 199 32 186 32"></polygon>
<polygon id="face-mask" fill="#FFCE36" points="207 0 207 8 191 8 191 16 207 16 207 24 215 24 215 40 223 40 223 56 215 56 215 64 216 63 215 64 215 72 208 72 207 73 208 72 199 72 199 80 175 80 175 72 167 72 167 88 175 88 175 96 183 96 183 104 199 104 199 112 231 112 231 0 216 0"></polygon>
<polygon id="back" fill="#375365" points="103 56 111 56 111 48 119 48 119 32 127 32 127 24 143 24 143 16 151 16 151 8 175 8 175 0 207 0 207 8 191 8 191 16 175 16 175 24 166 24 167 24 167 32 159 32 159 64 167 64 167 88 175 88 175 104 174 105 175 104 175 112 167 112 167 128 159 128 159 144 151 144 151 152 143 152 143 160 135 160 135 168 127 168 127 176 111 176 111 184 95 184 95 192 87 192 87 160 95 160 95 112 103 112 103 104"></polygon>
<polygon id="tail-breast" fill="#1C394B" points="151 144 159 144 159 128 167 128 167 112 175 112 175 104 176 105 175 104 175 96 183 96 183 104 199 104 199 112 231 112 231 168 223 168 223 176 215 176 215 184 207 184 207 192 199 192 199 200 191 200 191 208 167 208 167 216 135 216 135 264 127 264 127 272 111 272 111 264 95 264 95 256 103 256 103 248 111 248 111 240 95 240 95 248 87 248 87 256 71 256 71 248 64 248 63 247 64 248 55 248 55 240 63 240 63 232 71 232 71 216 79 216 79 208 87 208 87 192 95 192 95 184 111 184 111 176 127 176 127 168 135 168 135 160 143 160 143 152 151 152"></polygon>
<polygon id="wing" fill="#375365" points="56 56 56 64 72 64 72 72 88 72 88 80 128 80 128 88 136 88 136 96 144 96 144 112 152 112 152 120 160 120 160 144 152 144 152 152 144 152 144 160 136 160 136 168 128 168 128 176 112 176 112 184 96 184 96 192 80 192 80 184 56 184 56 176 40 176 40 168 32 168 32 160 24 160 24 152 16 152 16 136 8 136 8 120 0 120 0 40 16 40 16 48 40 48 40 56"></polygon>
</g>
</g>
</svg>
</div>
</div>
</body>
</html>