thereadme/flappy-es
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

frame version

Browse Source
This commit is contained in:
Mahdi Dibaiee 2017-04-13 21:57:39 +04:30
parent 2d5009e5bb
commit 4ae6f13d78
1 changed files with 83 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
web/static/frame.html Normal file
View File

@ -0,0 +1,83 @@
<html class="fa-events-icons-ready"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Playing Flappy Bird using Evolution Strategies</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<!-- Open Graph tags -->
<meta property="og:title" content="Floppy Bird" />
<meta property="og:description" content="play floppy bird. a remake of popular game flappy bird using just html/css/js" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://nebez.github.io/floppybird/assets/thumb.png" />
<meta property="og:url" content="http://nebez.github.io/floppybird/" />
<meta property="og:site_name" content="Floppy Bird" />
<!-- Style sheets -->
<link href="css/reset.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="main_files/befea5cf35.js"></script><link href="main_files/befea5cf35.css" media="all" rel="stylesheet">
<script src="main_files/socket.js"></script>
</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"></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>
</div>
<div class="boundingbox" id="playerbox"></div>
<div class="boundingbox" id="pipebox"></div>
<div class='overlay' id='loading'>
Fetching a new game from the server...
</div>
<div class='controls'>
<a id='new' class='btn' title='Fetch a new game'><i class='fa fa-refresh'></i></a>
<a id='faster' class='btn' title='Faster'><i class='fa fa-plus-square'></i></a>
<a id='slower' class='btn' title='Slower'><i class='fa fa-minus-square'></i></a>
<p>Note: we have limited the game to run only for 10000 frames to avoid infinitely long games, if you want to watch the game indefinitely, <a href='https://github.com/mdibaiee/flappy-es'>get the python version</a> and try it yourself. <i class='fa fa-hand-peace-o'></i></p>
</div>
<div style='display: none;'>
<img src='assets/font_big_0.png'>
<img src='assets/font_big_1.png'>
<img src='assets/font_big_2.png'>
<img src='assets/font_big_3.png'>
<img src='assets/font_big_4.png'>
<img src='assets/font_big_5.png'>
<img src='assets/font_big_6.png'>
<img src='assets/font_big_7.png'>
<img src='assets/font_big_8.png'>
<img src='assets/font_big_9.png'>
</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>