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 >
