flappy-es/web/static/index.html

97 lines
4.0 KiB
HTML
Raw Normal View History

2017-04-04 18:04:18 +00:00
<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><header>
<h1>Playing Flappy Bird using Evolution Strategies</h1>
</header>
<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>
2017-04-04 18:41:59 +00:00
<div class='overlay' id='loading'>
Fetching a new game from the server...
</div>
2017-04-04 18:04:18 +00:00
<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>
2017-04-06 18:36:50 +00:00
<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>
2017-04-04 18:04:18 +00:00
</div>
<footer>
<p>Inspired by <a href="https://blog.openai.com/evolution-strategies/">Evolution Strategies as a Scalable Alternative to Reinforcement Learning</a> by <a href="https://openai.com/">OpenAI</a></p><a href="https://openai.com/">
<a class='small' href="http://github.com/nebez/floppybird/">HTML5 game by nebez/floppybird</a>
</a><div class="links"><a href="https://openai.com/">
</a><a class="github" href="https://github.com/mdibaiee/flappy-es" alt="GitHub">GitHub <i class="fa fa-github"></i></a>
</div>
</footer>
2017-04-04 18:46:04 +00:00
<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>
2017-04-04 18:04:18 +00:00
<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>