97 lines
4.0 KiB
HTML
97 lines
4.0 KiB
HTML
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<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>
|