2014-05-23 04:51:03 +00:00
<!DOCTYPE html>
< html lang = 'en' >
2014-07-04 20:42:55 +00:00
< head >
< title > Hextris< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui" / >
< link rel = "icon" type = "image/png" href = "favicon.ico" >
< link rel = "stylesheet" type = "text/css" href = "style/style.css" >
< link rel = "stylesheet" href = "style/fa/css/font-awesome.min.css" >
< / head >
2014-07-16 14:37:12 +00:00
< body >
2014-07-04 20:42:55 +00:00
< canvas id = "canvas" > < / canvas >
< div id = 'devtools' style = 'z-index:3;display:none;position:absolute;left:50%;width:400px;height:400px;top:50%;margin-top:-200px;margin-left:-200px;' >
< h2 id = 'clickToExit' style = 'background-color:#fff;color:#000' > Click to exit< / h2 >
< textarea id = 'devtoolsText' style = 'height:300px;width:400px;' > < / textarea >
< / div >
2014-07-05 02:42:23 +00:00
< div id = "overlay" class = "faded" > < / div >
2014-07-04 20:42:55 +00:00
< script type = 'text/javascript' src = "vendor/hammer.min.js" > < / script >
< script type = 'text/javascript' src = "vendor/jsonfn.min.js" > < / script >
< script type = 'text/javascript' src = "vendor/keypress.min.js" > < / script >
< script type = 'text/javascript' src = "vendor/jquery.js" > < / script >
< script type = 'text/javascript' src = "js/save-state.js" > < / script >
< script type = 'text/javascript' src = "js/view.js" > < / script >
< script type = 'text/javascript' src = "js/wavegen.js" > < / script >
< script type = 'text/javascript' src = "js/math.js" > < / script >
< script type = 'text/javascript' src = "js/Block.js" > < / script >
< script type = 'text/javascript' src = "js/Hex.js" > < / script >
< script type = 'text/javascript' src = "js/Text.js" > < / script >
< script type = 'text/javascript' src = "js/comboTimer.js" > < / script >
< script type = 'text/javascript' src = "js/checking.js" > < / script >
< script type = 'text/javascript' src = 'js/update.js' > < / script >
< script type = 'text/javascript' src = 'js/render.js' > < / script >
< script type = 'text/javascript' src = "js/input.js" > < / script >
< script type = 'text/javascript' src = "js/main.js" > < / script >
2014-07-18 01:11:05 +00:00
< script type = 'text/javascript' src = "js/initialization.js" > < / script >
2014-07-21 03:13:43 +00:00
< div id = "attributions" > Initially built by < a href = "http://github.com/teamsnowman" > @teamsnowman< / a > at a Hackathon< br >
Continued by < a href = "http://github.com/garrettdreyfus" > @garrettdreyfus< / a > and < a href = "http://github.com/meadowstream" > @meadowstream< / a > on < a href = 'http://github.com/hextris/hextris' > GitHub< / a > < / div >
2014-07-04 20:42:55 +00:00
< div id = 'startBtn' style = 'position:absolute;left:40%;top:38%;height:25%;width:25%;z-index:99999999;cursor:pointer;' > < / div >
< div id = "helpScreen" class = 'unselectable' >
< h1 class = 'instructions_body' > Instructions< / h1 >
2014-07-05 02:23:19 +00:00
< p class = 'instructions_body' id = 'inst_main_body' >
The goal of Hextris is to stop blocks from leaving the inside of the outer gray hexagon
2014-07-04 20:42:55 +00:00
< br >
< br >
2014-07-05 02:23:19 +00:00
Tap the left and right sides of the screen to rotate the Hexagon
2014-07-04 20:42:55 +00:00
< br >
< br >
2014-07-04 23:08:49 +00:00
Clear blocks by making 3 or more blocks of the same color touch
2014-07-04 20:42:55 +00:00
< br >
< br >
2014-07-05 02:23:19 +00:00
Get points by clearing blocks
2014-07-04 20:42:55 +00:00
< br >
< br >
2014-07-05 02:23:19 +00:00
Time left before your combo streak disappears is indicated shown by < span style = 'color:#f1c40f;' > the< / span > < span style = 'color:#e74c3c' > colored< / span > < span style = 'color:#3498db' > lines< / span > < span style = 'color:#2ecc71' > in< / span > the outer hexagon
2014-07-04 20:42:55 +00:00
< br >
< br >
2014-07-05 02:23:19 +00:00
Pause by pressing < i class = 'fa fa-pause' > < / i >
2014-07-04 23:08:49 +00:00
< br >
2014-07-05 02:23:19 +00:00
Restart by pressing < i class = 'fa fa-refresh' > < / i >
2014-07-04 23:08:49 +00:00
< br >
2014-07-05 02:23:19 +00:00
Bring up this menu by pressing < i class = 'fa fa-info-circle' > < / i >
2014-07-04 23:08:49 +00:00
< br >
< br >
< a href = 'url' > Found a bug? Go here< / a >
2014-07-04 20:42:55 +00:00
< / p >
< / div >
2014-07-16 04:08:57 +00:00
< div onClick = "showHelp()" id = "openSideBar" class = 'helpText' > < i class = "fa fa-info-circle fa-lg" > < / i > < i class = "fa fa-arrow-left" > < b > Help< / b > < / i > < / div >
2014-07-04 20:42:55 +00:00
< div id = "overlay" class = "faded" > < / div >
< div id = 'pauseBtn' > < i class = "fa fa-pause fa-2x" > < / i > < / div >
< div id = 'restartBtn' > < i class = "fa fa-refresh fa-2x" > < / i > < / div >
2014-07-21 01:47:08 +00:00
< div id = "bottombar" >
< a href = "https://twitter.com/share" class = "twitter-share-button" data-hashtags = "hextris" > Tweet< / a >
< script > ! function ( d , s , id ) { var js , fjs = d . getElementsByTagName ( s ) [ 0 ] , p = /^http:/ . test ( d . location ) ? 'http' : 'https' ; if ( ! d . getElementById ( id ) ) { js = d . createElement ( s ) ; js . id = id ; js . src = p + '://platform.twitter.com/widgets.js' ; fjs . parentNode . insertBefore ( js , fjs ) ; } } ( document , 'script' , 'twitter-wjs' ) ; < / script >
2014-07-21 14:12:01 +00:00
< iframe src = "http://ghbtns.com/github-btn.html?user=Hextris&repo=Hextris&type=watch&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "80" height = "20" > < / iframe >
2014-07-21 01:47:08 +00:00
< / div >
2014-07-04 20:42:55 +00:00
< / body >
2014-05-24 16:48:46 +00:00
< / html >
