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" >
< 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-27 20:18:15 +00:00
< script type = 'text/javascript' charset = 'utf-8' src = 'cordova.js' > < / script >
2014-07-27 20:46:18 +00:00
< / head >
< body >
< 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 >
< div id = "overlay" class = "faded" > < / div >
2014-07-27 23:10:40 +00:00
< div id = "attributions" > Started by < a href = "http://github.com/teamsnowman" target = "_blank" > @teamsnowman< / a > at < a href = 'http://www.hackexeter.com/' target = "_blank" > HackExeter< / a > < br >
2014-08-15 03:22:14 +00:00
Finished by < a href = "http://github.com/meadowstream" target = "_blank" > Logan Engstrom< / a > & < a href = 'http://github.com/garrettdreyfus' target = "_blank" > Garrett Finucane< / a > on < a href = 'http://github.com/hextris/hextris' target = "_blank" > GitHub< / a > < br >
2014-08-10 18:28:18 +00:00
iOS & Android versions @ < a href = 'http://hextris.github.io/' > http://hextris.github.io/< / a >
2014-07-24 02:00:46 +00:00
< / 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-08-10 18:28:18 +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 >
2014-07-28 00:17:18 +00:00
< span > Comments? Email < a href = 'mailto:hextrisgame@gmail.com' > hextrisgame@gmail.com< / a > < / span >
2014-07-04 20:42:55 +00:00
< / p >
< / div >
2014-07-22 13:21:16 +00:00
< div 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 >
2014-07-27 23:10:40 +00:00
< div id = 'pauseBtn' > < div id = 'pauseBtnInner' > < i class = "fa fa-pause fa-2x" > < / div > < / i > < / div >
< div id = 'restartBtn' > < div id = 'restartBtnInner' > < i class = "fa fa-refresh fa-2x" > < / i > < / div > < / div >
2014-07-21 01:47:08 +00:00
< div id = "bottombar" >
2014-07-27 18:59:56 +00:00
< a href = "https://twitter.com/intent/tweet?hashtags=hextris&original_referer=http%3A%2F%2F0.0.0.0%3A8080%2F&text=Play%20Hextris!%20-&tw_p=tweetbutton&url=http%3A%2F%2Fhextris.github.io%2F" class = "twitter-share-button" data-url = "http://hextris.github.io/" data-text = "Play Hextris! -" data-hashtags = "hextris" > Tweet< / a >
2014-07-27 18:16:53 +00:00
< 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-27 18:59:56 +00:00
< iframe id = 'ghl' 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" onload = 'showbottombar()' > < / iframe >
2014-07-21 01:47:08 +00:00
< / div >
2014-08-10 19:07:52 +00:00
< script > ( function ( i , s , o , g , r , a , m ) { i [ 'GoogleAnalyticsObject' ] = r ; i [ r ] = i [ r ] || function ( ) { ( i [ r ] . q = i [ r ] . q || [ ] ) . push ( arguments ) } , i [ r ] . l = 1 * new Date ( ) ; a = s . createElement ( o ) , m = s . getElementsByTagName ( o ) [ 0 ] ; a . async = 1 ; a . src = g ; m . parentNode . insertBefore ( a , m ) } ) ( window , document , 'script' , '//www.google-analytics.com/analytics.js' , 'ga' ) ; ga ( 'create' , 'UA-51272720-2' , 'auto' ) ; ga ( 'send' , 'pageview' ) ; < / script >
2014-07-23 02:33:41 +00:00
< / body >
2014-05-24 16:48:46 +00:00
< / html >