-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
94 lines (79 loc) · 4.15 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<!--
Copyright 2017 Stan James
handybird - index.html
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<head>
<title>Handy Bird</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Stan James" />
<meta name="description" content="Play Handy Bird: A remake of popular game flappy bird using *actual* hand flapping" />
<meta name="keywords" content="flappybird,flappy,bird,handybird,handy,html,html5,css,css3,js,javascript,jquery,github,wanderingstan,open,source,opensource" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<!-- Open Graph tags -->
<meta property="fb:app_id" content="1825148834475988" />
<meta property="og:title" content="Handy Bird" />
<meta property="og:description" content="Play handy bird: A remake of popular game flappy bird using *actual* hand flapping!" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://s3.amazonaws.com/wanderingstan/handybird.gif" />
<meta property="og:url" content="https://wanderingstan.github.io/handybird/" />
<meta property="og:site_name" content="Handy Bird" />
<meta property='og:video' content='https://s3.amazonaws.com/wanderingstan/handybird.mp4' />
<!--<meta property='og:video' content='https://www.facebook.com/wanderingstan/videos/503586249489/' />-->
<!-- Style sheets -->
<link href="css/reset.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<div id="gamecontainer">
<div id="gamescreen">
<div id="sky" class="animated">
<div id="flyarea">
<div id="ceiling" class="animated"></div>
<!-- This is the flying and pipe area container -->
<div id="player" class="bird animated"></div>
<div id="bigscore"></div>
<div id="splash">
1. Allow microphone access.<br/>
2. Turn up sound volume—Good ears may faintly hear the 20KHz tone.<br/>
3. Press space to begin game.<br/>
4. Flap your hand toward microphone! (Usually near ESC key)<br/>
<img style="width: 300px; margin-top: 130px" src="https://wanderingstan.github.io/handybird/assets/handybird.gif">
</div>
<div id="scoreboard">
<div id="medal"></div>
<div id="currentscore"></div>
<div id="highscore"></div>
<div id="replay"><img src="assets/replay.png" alt="replay"></div>
</div>
<!-- Pipes go here! -->
</div>
</div>
<div id="land" class="animated"><div id="debug"></div></div>
</div>
</div>
<div id="footer">
<a href="http://wanderingstan.com/">handybird by stan james</a>
<a href="https://github.com/DanielRapp/doppler">doppler effect js by Daniel Rapp</a>
<a href="http://nebezb.com/">online flappybird game by nebez briefkani</a>
<a href="http://github.com/wanderingstan/handybird/">handybird on github</a>
</div>
<div class="boundingbox" id="playerbox"></div>
<div class="boundingbox" id="pipebox"></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.transit.min.js"></script>
<script src="js/buzz.min.js"></script>
<script src="js/main.js"></script>
<script src="js/doppler.js"></script>
</body>
</html>