2014-05-23 04:51:03 +00:00
<!DOCTYPE html>
< html lang = 'en' >
2014-08-19 04:45:20 +00:00
<!-- start Mixpanel --> < script type = "text/javascript" > ( f u n c t i o n ( f , b ) { i f ( ! b . _ _ S V ) { v a r a , e , i , g ; w i n d o w . m i x p a n e l = b ; b . _ i = [ ] ; b . i n i t = f u n c t i o n ( a , e , d ) { f u n c t i o n f ( b , h ) { v a r a = h . s p l i t ( " . " ) ; 2 = = a . l e n g t h & & ( b = b [ a [ 0 ] ] , h = a [ 1 ] ) ; b [ h ] = f u n c t i o n ( ) { b . p u s h ( [ h ] . c o n c a t ( A r r a y . p r o t o t y p e . s l i c e . c a l l ( a r g u m e n t s , 0 ) ) ) } } v a r c = b ; " u n d e f i n e d " ! = = t y p e o f d ? c = b [ d ] = [ ] : d = " m i x p a n e l " ; c . p e o p l e = c . p e o p l e | | [ ] ; c . t o S t r i n g = f u n c t i o n ( b ) { v a r a = " m i x p a n e l " ; " m i x p a n e l " ! = = d & & ( a + = " . " + d ) ; b | | ( a + = " ( s t u b ) " ) ; r e t u r n a } ; c . p e o p l e . t o S t r i n g = f u n c t i o n ( ) { r e t u r n c . t o S t r i n g ( 1 ) + " . p e o p l e ( s t u b ) " } ; i = " d i s a b l e t r a c k t r a c k _ p a g e v i e w t r a c k _ l i n k s t r a c k _ f o r m s r e g i s t e r r e g i s t e r _ o n c e a l i a s u n r e g i s t e r i d e n t i f y n a m e _ t a g s e t _ c o n f i g p e o p l e . s e t p e o p l e . s e t _ o n c e p e o p l e . i n c r e m e n t p e o p l e . a p p e n d p e o p l e . t r a c k _ c h a r g e p e o p l e . c l e a r _ c h a r g e s p e o p l e . d e l e t e _ u s e r " . s p l i t ( " " ) ;
for(g=0;g< i.length ; g + + ) f ( c , i [ g ] ) ; b . _i . push ( [ a , e , d ] ) } ; b . __SV = 1.2;a=f.createElement("script");a.type="text/javascript";a.async=!0;a.src="//cdn.mxpnl.com/libs/mixpanel-2.2.min.js";e=f.getElementsByTagName("script")[0];e.parentNode.insertBefore(a,e)}})(document,window.mixpanel||[]);
mixpanel.init("883204b8a40c5693d608bcf489405ecc");< / script > <!-- end Mixpanel -->
2014-07-04 20:42:55 +00:00
< head >
< title > Hextris< / title >
2014-08-23 00:29:34 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui" / >
2014-08-18 06:01:43 +00:00
< meta property = "og:url" content = "http://hextris.github.io/hextris/" / >
< meta property = "og:site_name" content = "Hextris" / >
< meta property = "og:title" content = "Hextris" / >
< meta property = "og:description" content = "An addictive puzzle game inspired by Tetris." / >
< meta property = "og:type" content = "website" / >
< meta property = "og:author" content = "https://www.facebook.com/hextris" / >
< meta property = "og:image" content = "http://hextris.github.io/hextris/images/facebook-opengraph.png" / >
< meta property = "og:image:width" content = "1200" / >
2014-08-23 00:28:38 +00:00
< meta property = "og:image:height" content = "630" / >
< meta property = "twitter:card" content = "summary" / >
< meta property = "twitter:site" content = "@hextris" / >
< meta property = "twitter:site:id" content = "2742209678" / >
< meta property = "twitter:creator" content = "@hextris" / >
< meta property = "twitter:creator:id" content = "2742209678" / >
< meta property = "twitter:domain" content = "http://hextris.github.io" / >
< meta property = "twitter:title" content = "Hextris" / >
< meta property = "twitter:description" content = "An addictive puzzle game inspired by Tetris." / >
< meta property = "twitter:image:src" content = "http://hextris.github.io/hextris/images/twitter-opengraph.png" / >
< meta property = "twitter:image:width" content = "512" / >
< meta property = "twitter:image:height" content = "512" / >
2014-08-23 01:13:18 +00:00
< meta property = "twitter:app:id:iphone" content = "id903769553" >
< meta property = "twitter:app:id:ipad" content = "id903769553" >
< meta property = "twitter:app:id:googleplay" content = "com.hextris.hextris" >
< meta property = "twitter:app:country" content = "us" >
2014-07-04 20:42:55 +00:00
< 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" >
2014-08-22 03:13:35 +00:00
< script type = 'text/javascript' src = "vendor_v6/hammer.min.js" > < / script >
< script type = 'text/javascript' src = "vendor_v6/jsonfn.min.js" > < / script >
< script type = 'text/javascript' src = "vendor_v6/keypress.min.js" > < / script >
< script type = 'text/javascript' src = "vendor_v6/jquery.js" > < / script >
< script type = 'text/javascript' src = "js_v6/save-state.js" > < / script >
< script type = 'text/javascript' src = "js_v6/view.js" > < / script >
< script type = 'text/javascript' src = "js_v6/wavegen.js" > < / script >
< script type = 'text/javascript' src = "js_v6/math.js" > < / script >
< script type = 'text/javascript' src = "js_v6/Block.js" > < / script >
< script type = 'text/javascript' src = "js_v6/Hex.js" > < / script >
< script type = 'text/javascript' src = "js_v6/Text.js" > < / script >
< script type = 'text/javascript' src = "js_v6/comboTimer.js" > < / script >
< script type = 'text/javascript' src = "js_v6/checking.js" > < / script >
< script type = 'text/javascript' src = 'js_v6/update.js' > < / script >
< script type = 'text/javascript' src = 'js_v6/render.js' > < / script >
< script type = 'text/javascript' src = "js_v6/input.js" > < / script >
< script type = 'text/javascript' src = "js_v6/main.js" > < / script >
< script type = 'text/javascript' src = "js_v6/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 >
2014-08-18 01:05:34 +00:00
< body >
2014-08-21 04:37:25 +00:00
< div id = "fb-root" > < / div >
< script > ( f u n c t i o n ( d , s , i d ) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
< / script >
2014-07-27 20:46:18 +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 >
< 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-18 15:24:07 +00:00
< a href = 'https://itunes.apple.com/us/app/id903769553?mt=8' > iOS< / a > & < a href = 'https://play.google.com/store/apps/details?id=com.hextris.hextris' > Android< / a > apps + < a href = 'http://hextris.github.io/presskit/info.html' > press kit< / a > @ < 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-08-18 15:44:07 +00:00
< div style = "bottom:4px; padding-right:4px;" class = "fb-like" data-href = "http://hextris.github.io/hextris" data-width = "20" data-layout = "button_count" data-action = "like" data-show-faces = "false" data-share = "true" > < / div >
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-08-18 16:07:43 +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 = "90" 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 >