<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script> <title>everything you need to know about Starcraft II</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="robots" content="all" /> <meta property="fb:page_id" content="393386711693" /> <meta name="title" content="Everything you need to know about Starcraft II" /> <meta name="description" content="On July 27, Blizzard Entertainment will release Starcraft II, the sequel to the real-time strategy game so popular that it's still the gold standard of the genre 12 years later. Today, we'll be looking at Starcraft as a scifi narrative." /> <link rel="image_src" href="http://cache-01.gawkerassets.com/assets/images/8/2010/07/ss682.jpg" /> <meta name="medium" content="blog" /> <meta name="keywords" content="Everything you need to know about Starcraft II, science fiction, scifi, science, design, art, futurism, future, space, rockets, mutants, aliens, superheroes, comic books, books, movies, television, architecture, biotech, nanotech, cybersex, robots, retro future, B movies, cult movies, horror, time travel, comics, space travel, astronauts, cosmonauts, neuroscience, climate change, environment, green, ecology, hacking, innovation, invention, mad science, entertainment, astronomy, video games, space opera, space station, starship, biology, xenobiology, exobiology, future sex, genomics, genetics, genetic engineering, social engineering, dystopia, utopia, post-apocalypse, apocalypse, MMO, MMORG, neural implant, Star Trek, Star Wars, Doctor Who, cyberpunk, faster than light, bots, nanobots, computers, technology, futuristic, multiverse, interdimensional, tissue engineering, artificial organs, cyborg, android, transhuman, singularity, posthuman" /> <script type="text/javascript" charset="utf-8"> var pageType = 'post'; </script> <link rel="stylesheet" href="http://tags.lifehacker.com/assets/minify.php?base=/assets/base.v9/css/&files=reset.css,layout.css,header.css,modal.css,text.css,permalink.css,postlist.css,comments.css,tagpage.css,icon.css,commenter.css,hybrid.css,tweets.css,lytebox.css&rev=100805" /><link rel="stylesheet" href="http://tags.lifehacker.com/assets/minify.php?files=/assets/io9.com/css/style.css&rev=100805" /> <link rel="stylesheet" href="http://cache-01.gawkerassets.com/assets/base.v9/css/print.css" type="text/css" media="print" /> <script id="script_at_js" type="text/javascript" src="/at.js.php"></script> <script type="text/javascript" src="http://tags.lifehacker.com/assets/minify.php?base=/assets/base.v9/js/&type=js&dir=jquery,jquery/plugin,framework,misc,widget/main&rev=100805"></script><script type="text/javascript" src="http://tags.lifehacker.com/assets/minify.php?base=/assets/base.v9/js/&type=js&dir=widget/spec&rev=100805"></script> <script type="text/javascript"> //refererHandler = jQuery('#script_at_js').RefererHandler({}).data('RefererHandler'); </script> <script type="text/javascript" charset="utf-8"> jQuery(document).ready( function(){ checkHashForErrors(); } ); </script> <link rel="apple-touch-icon" href="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="alternate" type="application/rss+xml" title="io9 - all posts" href="http://io9.com/index.xml" /> <link rel="alternate" type="application/rss+xml" title="io9 - top stories only (fewer posts)" href="http://io9.com/tag/top/index.xml" /> <link rel="alternate" type="application/rss+xml" title="io9 - full comment" href="http://io9.com/xml/comments" /> <link rel="canonical" href="http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii" /> <script type="text/javascript">window.google_analytics_uacct = "UA-142218-29";</script> </head> <body > <div id="printhead" style="display: none;"> <h1>io9</h1> </div> <div id="errorbar" style="display:none;"></div> <div id="header" class="centered"> <div id="topMenu"> <ul id="contentSwitch"> <li><div class="selected"><a href="/" id="hometab"><span>io9</span></a></div></li> <li><div class=""><a href="/tag/science/" id="sciencetab"><span>science</span></a></div></li> <li><div class=""><a href="/tag/overmind/" id="overmindtab"><span>overmind</span></a></div></li> <li><div class=""><a href="http://kotaku.com/" id="kotakutab"><span>kotaku</span></a></div></li> <li><div class=""><a href="http://gizmodo.com/" id="gizmodotab"><span>gizmodo</span></a></div></li></ul> <div id="userLinks"> <div id="top_presence_control" class="smalltype"> <span class="cn_logout_panel presence_control" style="display:none;"> <a href="#" class="presence_control cn_profile_link">Profile</a> <a href="#" class="presence_control cn_logout_link normal">logout</a> <img class="presence_control cn_logout_indicator" src="http://cache-01.gawkerassets.com/assets/base.v9/img/bar-loader.gif" width="16" height="16" border="0" style="display: none;" /> </span> <span class="cn_login_panel presence_control" style="display:none;"> <a href="#" class="login presence_control cn_togglelogindialog normal">login</a> </span> </div> <div class="search" id="top_search_control"> <form class="searchControl cn_form" method="post" action="/search" id="search_form" name="search_form"> <span class="left"></span> <input type="search" class="searchControl cn_q" results="5" value="" id="term" name="q" placeholder="Search" autosave="gawker_srch" /> <input type="hidden" name="searchall" value="0" class="searchControl cn_searchall"/> <input type="hidden" name="searchbyrelevance" value="0" class="searchControl cn_searchbyrelevance" /> <span class="right"></span> </form> <script type="text/javascript"> GawkerClientside.pushWidget('searchform', jQuery('#top_search_control').SearchFormWidget().data('SearchFormWidget')); </script> </div> </div> </div> <div id="splashPosts"> <div class="topStory "> <a href="http://io9.com/5606925/eureka-sees-your-crossover-and-raises-you-the-destruction-of-the-space+time-continuum?skyline=true&s=i" style="border-bottom:0"><img src="http://cache-02.gawkerassets.com/assets/images/8/2010/08/126x100_custom_1281210329149_vlcsnap-4118617.jpg" alt="Eureka sees your crossover and raises you the destruction of the space-time continuum" title="Eureka sees your crossover and raises you the destruction of the space-time continuum" width="126" height="100" /></a> <div> <h1> <a class="dcolor" href="http://io9.com/5606925/eureka-sees-your-crossover-and-raises-you-the-destruction-of-the-space+time-continuum?skyline=true&s=i">Eureka sees your crossover and raises you the destruction of the space-time continuum</a> <span class="tags"> <a href="http://io9.com/tag/eurekarecap/"><span class="hash">#</span>eurekarecap</a> <a href="http://io9.com/tag/eureka/"><span class="hash">#</span>eureka</a> </span> </h1> </div> </div> <div class="topStory "> <a href="http://io9.com/5606108/the-11-greatest-craziest-sci+fi-crossovers-in-television-history?skyline=true&s=i" style="border-bottom:0"><img src="http://cache-03.gawkerassets.com/assets/images/8/2010/08/126x100_custom_1281128556143_vlcsnap-3300830_01.jpg" alt="The 11 greatest, craziest sci-fi crossovers in television history" title="The 11 greatest, craziest sci-fi crossovers in television history" width="126" height="100" /><span class="play_icon"></span></a> <div> <h1> <a class="dcolor" href="http://io9.com/5606108/the-11-greatest-craziest-sci+fi-crossovers-in-television-history?skyline=true&s=i">The 11 greatest, craziest sci-fi crossovers in television history</a> <span class="tags"> <a href="http://io9.com/tag/triviagasm/"><span class="hash">#</span>triviagasm</a> <a href="http://io9.com/tag/eureka/"><span class="hash">#</span>eureka</a> </span> </h1> </div> </div> <div class="topStory "> <a href="http://io9.com/5604772/seven-dangerous-new-computer-hacks-and-one-silly-one-that-will-change-the-future?skyline=true&s=i" style="border-bottom:0"><img src="http://cache-04.gawkerassets.com/assets/images/8/2010/08/126x100_defcondavebullock.jpg" alt="Seven dangerous new computer hacks (and one silly one) that will change the future" title="Seven dangerous new computer hacks (and one silly one) that will change the future" width="126" height="100" /><span class="play_icon"></span></a> <div> <h1> <a class="dcolor" href="http://io9.com/5604772/seven-dangerous-new-computer-hacks-and-one-silly-one-that-will-change-the-future?skyline=true&s=i">Seven dangerous new computer hacks (and one silly one) that will change the future</a> <span class="tags"> <a href="http://io9.com/tag/hacking/"><span class="hash">#</span>hacking</a> <a href="http://io9.com/tag/technology/"><span class="hash">#</span>technology</a> </span> </h1> </div> </div> <div class="topStory "> <a href="http://io9.com/5605985/futurama-reveals-cats-are-out-to-destroy-earth?skyline=true&s=i" style="border-bottom:0"><img src="http://cache.gawkerassets.com/assets/images/8/2010/08/126x100_custom_1281065393209_that_darn_katz_01.jpg" alt="Futurama reveals cats are out to destroy Earth!" title="Futurama reveals cats are out to destroy Earth!" width="126" height="100" /></a> <div> <h1> <a class="dcolor" href="http://io9.com/5605985/futurama-reveals-cats-are-out-to-destroy-earth?skyline=true&s=i">Futurama reveals cats are out to destroy Earth!</a> <span class="tags"> <a href="http://io9.com/tag/futuramarecap/"><span class="hash">#</span>futuramarecap</a> <a href="http://io9.com/tag/futurama/"><span class="hash">#</span>futurama</a> </span> </h1> </div> </div> <div class="topStory "> <a href="http://io9.com/5605830/let-me-in-director-reveals-what-he-kept-and-what-he-cut-from-the-vampire-classic?skyline=true&s=i" style="border-bottom:0"><img src="http://cache-01.gawkerassets.com/assets/images/8/2010/08/126x100_pool.jpg" alt="Let Me In director reveals what he kept and what he cut from the vampire classic" title="Let Me In director reveals what he kept and what he cut from the vampire classic" width="126" height="100" /></a> <div> <h1> <a class="dcolor" href="http://io9.com/5605830/let-me-in-director-reveals-what-he-kept-and-what-he-cut-from-the-vampire-classic?skyline=true&s=i">Let Me In director reveals what he kept and what he cut from the vampire classic</a> <span class="tags"> <a href="http://io9.com/tag/exclusive/"><span class="hash">#</span>exclusive</a> <a href="http://io9.com/tag/letmein/"><span class="hash">#</span>letmein</a> </span> </h1> </div> </div> <div class="topStory hide "> <a href="http://io9.com/5605607/warehouse-13-elevates-nerd-candy-to-the-level-of-greatness?skyline=true&s=i" style="border-bottom:0"><img src="http://cache-02.gawkerassets.com/assets/images/8/2010/08/126x100_warehouse-13---13.1.mp4-2_01.jpg" alt="Warehouse 13 elevates nerd candy to the level of greatness" title="Warehouse 13 elevates nerd candy to the level of greatness" width="126" height="100" /></a> <div> <h1> <a class="dcolor" href="http://io9.com/5605607/warehouse-13-elevates-nerd-candy-to-the-level-of-greatness?skyline=true&s=i">Warehouse 13 elevates nerd candy to the level of greatness</a> <span class="tags"> <a href="http://io9.com/tag/tvrecap/"><span class="hash">#</span>tvrecap</a> <a href="http://io9.com/tag/warehouse13/"><span class="hash">#</span>warehouse13</a> </span> </h1> </div> </div> <div class="topStory hide "> <a href="http://io9.com/5605200/10-sf-authors-who-became-fictional-characters?skyline=true&s=i" style="border-bottom:0"><img src="http://cache-03.gawkerassets.com/assets/images/8/2010/08/126x100_18959129.jpg" alt="10 SF authors who became fictional characters" title="10 SF authors who became fictional characters" width="126" height="100" /></a> <div> <h1> <a class="dcolor" href="http://io9.com/5605200/10-sf-authors-who-became-fictional-characters?skyline=true&s=i">10 SF authors who became fictional characters</a> <span class="tags"> <a href="http://io9.com/tag/triviagasm/"><span class="hash">#</span>triviagasm</a> <a href="http://io9.com/tag/books/"><span class="hash">#</span>books</a> </span> </h1> </div> </div> </div> <div id="ad-300x250"> <div class="ad_300x250"><div class="dfpad" id="gadc_3758406-placeholder"><noscript><a href="http://ad.doubleclick.net/jump/gm.io9/inside;ptile=1;sz=300x250;ord=98135997?" target="_blank"><img src="http://ad.doubleclick.net/ad/gm.io9/inside;ptile=1;sz=300x250;ord=98135997?" width="300" height="250" border="0" alt="" /></a></noscript></div></div> </div></div><div id="menubar-bg" class="centered"> <div class="loggedin centered" id="menubar"> <!-- logo area --> <h1 id="logo"><a title="Click here to go back to the front page" href="http://io9.com">io9 <img src="http://cache-01.gawkerassets.com/assets/io9.com/img/logo.png" /></a></h1> <div id="popTags" class="smalltype"> <div id="popFaq"><a href="http://gawker.com/commentfaq/" class="dcolor" style="text-decoration: underline;">FAQ</a>. Include # before tag: <br /></div> <a class="dcolor" href="http://io9.com/tag/observationdeck"><span class="hash">#</span>observationdeck</a>, <a class="dcolor" href="http://io9.com/tag/tips"><span class="hash">#</span>tips</a>, <a class="dcolor" href="http://io9.com/tag/calendar"><span class="hash">#</span>calendar</a>, <a class="dcolor" href="http://io9.com/tag/corrections"><span class="hash">#</span>corrections</a>, etc. </div> <div style="clear: both;"></div> </div></div><div style="display:none;"><div class="dfpad" id="gadc_3758406-delayed"><script type="text/javascript" src="http://ad.doubleclick.net/adj/gm.io9/inside;ptile=1;sz=300x250;ord=98135997?"></script><!-- o/ --></div><script type="text/javascript">var ns_div=jQuery("#gadc_3758406-placeholder");var moveable_div=jQuery("#gadc_3758406-delayed");try{ns_div.parent().get(0).appendChild(moveable_div.parent().get(0).removeChild(moveable_div.get(0)));}catch(e){console.log(moveable_div)}</script></div><!-- Begin comScore Tag --><script>document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js' %3E%3C/script%3E"));</script><script>COMSCORE.beacon({ c1:2, c2:"6770184", c3:"", c4:"http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii</link><guid", c5:"", c6:"", c15:"754d3b148df7a597947f5556cbe06628" });</script><noscript><img src="http://b.scorecardresearch.com/b?c1=2&c2=6770184&c3=&c4=http%3A%2F%2Fio9.com%2F5589872%2Feverything-you-need-to-know-about-starcraft-ii%3C%2Flink%3E%3Cguid&c5=&c6=&c15=754d3b148df7a597947f5556cbe06628&cv=1.3&cj=1" style="display:none" width="0" height="0" alt="" /></noscript><!-- end comScore Tag --><script type="text/javascript" charset="utf-8">if(jQuery('#ad-300x250').length > 0){ jQuery('#ad-300x250 [src]').each( function( i, el ) { el = jQuery(el); if (el.attr('src') != undefined) { if (el.attr('src').match( /817-grey.gif/)) { expandTopStories(); } } }); if (jQuery('#ad-300x250').html().trim().length == 0) expandTopStories();}</script><div id="container" class="centered"> <div id="sidebar" class="smalltype"> <div id="skyscraper"> <div class="ad_160x600"><div class="dfpad" id="gadc_8144117-placeholder"><noscript><a href="http://ad.doubleclick.net/jump/gm.io9/inside;ptile=2;sz=160x600;ord=98135997?" target="_blank"><img src="http://ad.doubleclick.net/ad/gm.io9/inside;ptile=2;sz=160x600;ord=98135997?" width="160" height="600" border="0" alt="" /></a></noscript></div></div> </div> <div id="skySpacer" class="spacer"></div> <div id="siteInfo"> <p> San Francisco, 5:47 PM<br /> Sat Aug 7<br /> 19 posts in the last 24 hours<br /> </p> </div> <div class="newsletter_signup" id="newsletter_signup_sidebar" style="margin: 10px 10px 0;"> <form class="newsletter_control cn_form"> <input type="hidden" name="op" value="newsletter_signup" /> <label for="newsletter_email">Get io9 in your inbox:</label><br /> <input type="text" id="newsletter_email" name="email" maxlength="255" class="validate valid_nonempty valid_email newsletter_control cn_newsletter_signup" style="width: 80px; color: #999;" onfocus="if ( this.value == 'email address' ) { this.value=''; this.style.color = 'black';}" onblur="if ( this.value == '') { this.value = 'email address'; this.style.color = '#999'; }" value="email address" /> <input type="hidden" id="SIGNUP" name="SIGNUP" value="sidebar"> <input type="submit" value="Join" /> <div class="validationmessage email_validmsg msg_valid_nonempty">please enter your email address.</div> <div class="validationmessage email_validmsg msg_valid_email">please enter a valid email address.</div> <img class="newsletter_control cn_indicator" style="border: none; display: none;" width="16" height="16" alt="sending request" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller.gif" /> <div class="newsletter_control cn_message"></div> </form> </div> <script type="text/javascript" charset="utf-8"> GawkerClientside.pushWidget( 'newsletter_signup', jQuery('#newsletter_signup_sidebar').SimpleFormWidget( settings.widgets.simpleform.byselector['.newsletter_signup'].options ).data('SimpleFormWidget') ); </script> <div id="masthead"> <h3 id="team">IO9 TEAM</h3>Tip your editors: <script type="text/javascript">Rot13.write('<n uers="znvygb:gvcf@vb9.pbz">gvcf@vb9.pbz</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@spit > moc.9oi@spit</span></noscript></p><p>Editor-in-Chief:<br/>Annalee Newitz | <script type="text/javascript">Rot13.write('<n uers="znvygb:naanyrr@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@eelanna > liamE</span></noscript></p><p>Managing Editor:<br/>Charlie Jane Anders | <script type="text/javascript">Rot13.write('<n uers="znvygb:puneyvrwnar@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@enajeilrahc > liamE</span></noscript></p><p>Senior Reporter:<br/>Meredith Woerner | <script type="text/javascript">Rot13.write('<n uers="znvygb:zrerqvgu@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@htiderem > liamE</span></noscript></p><p>Assistant Editor:<br/>Cyriaque Lamar | <script type="text/javascript">Rot13.write('<n uers="znvygb:plevndhr@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@euqairyc > liamE</span></noscript></p><p>Reporter:<br />Alasdair Wilkins | <script type="text/javascript">Rot13.write('<n uers="znvygb:nynfqnve@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@riadsala > liamE</span></noscript></p><p>Contributing Editor: <br/>Marc Bernardin | <script type="text/javascript">Rot13.write('<n uers="znvygb:znep@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@cram > liamE</span></noscript></p><p>Graphic Design:<br />Stephanie Fox | <script type="text/javascript">Rot13.write('<n uers="znvygb:fgrcu@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@hpets > liamE</span></noscript></p><p>Contributors:<br/>Tim Barribeau | <script type="text/javascript">Rot13.write('<n uers="znvygb:gvz@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@mit > liamE</span></noscript><br />Joshua Glenn<br />Stephen Goldmeier | <script type="text/javascript">Rot13.write('<n uers="znvygb:fgrcura@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@nehpets > liamE</span></noscript><br />Ed Grabianowski | <script type="text/javascript">Rot13.write('<n uers="znvygb:rq@ebobgivxvat.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.gnikivtobor@de > liamE</span></noscript><br />Austin Grossman<br />Paul Hogan | <script type="text/javascript">Rot13.write('<n uers="znvygb:zbqyvtug@tznvy.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.liamg@thgildom > liamE</span></noscript><br />Lauren Davis | <script type="text/javascript">Rot13.write('<n uers="znvygb:ynhera@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@nerual > liamE</span></noscript><br />Chris Hsiang | <script type="text/javascript">Rot13.write('<n uers="znvygb:terl_nern@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@aera_yerg > liamE</span></noscript><br />Lynn Peril | <script type="text/javascript">Rot13.write('<n uers="znvygb:crevy@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@lirep > liamE</span></noscript><br />Ann VanderMeer<br />Dr. Dave Goldberg | <script type="text/javascript">Rot13.write('<n uers="znvygb:nfxnculfvpvfg@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@tsicisyhpaksa > liamE</span></noscript><br />Josh Wimmer<br />Chris Braak</p><p>Interns:<br />Mary Ratliff | <script type="text/javascript">Rot13.write('<n uers="znvygb:znel@vb9.pbz">Rznvy</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@yram > liamE</span></noscript><br />Kelly Faircloth<br />Lindsay Wolfe</p><p>Media Requests:<br /><script type="text/javascript">Rot13.write('<n uers="znvygb:zrqvn@vb9.pbz">zrqvn@vb9.pbz</n>');</script><noscript><span style="unicode-bidi:bidi-override;direction:rtl;">< moc.9oi@aidem > moc.9oi@aidem</span></noscript></p><p>Follow io9 on:<br /><a href="http://www.twitter.com/io9">Twitter</a><br /><a href="http://www.facebook.com/pages/io9/393386711693">Facebook</a><br /> </div> <div id="weekly-subscribe"> <h3>SUBSCRIBE TO IO9 <a href="/index.xml" title="Click here for RSS" style="border:0"><img class="rss" src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/feed_icon_small.png" alt="RSS" width="16" height="16" /></a></h3></div></p><p></div><!-- sidebar --> <div id="wrapper"> <div class="content permalink"> <!-- new visitor --> <div class="welcome_form" style="display:none;"> <div class="inner"> <h1>welcome to io9</h1> <ul> <li> <p><strong>Sign up</strong> for the io9 Daily and get one great story in your inbox each day. </p> <div class="newsletter_signup" id="newsletter_signup_newcomer" style="margin: 10px 0 0;"> <form class="newsletter_control cn_form"> <input type="hidden" name="op" value="newsletter_signup" /> <label for="newsletter_email">Get io9 in your inbox:</label><br /> <input type="text" id="newsletter_email" name="email" maxlength="255" class="validate valid_nonempty valid_email newsletter_control cn_newsletter_signup" style="width: 80px; color: #999;" onfocus="if ( this.value == 'email address' ) { this.value=''; this.style.color = 'black';}" onblur="if ( this.value == '') { this.value = 'email address'; this.style.color = '#999'; }" value="email address" /> <input type="hidden" id="SIGNUP" name="SIGNUP" value="newcomer"> <input type="submit" value="Join" /> <div class="validationmessage email_validmsg msg_valid_nonempty">please enter your email address.</div> <div class="validationmessage email_validmsg msg_valid_email">please enter a valid email address.</div> <img class="newsletter_control cn_indicator" style="border: none; display: none;" width="16" height="16" alt="sending request" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller.gif" /> <div class="newsletter_control cn_message"></div> </form> </div> <script type="text/javascript" charset="utf-8"> GawkerClientside.pushWidget( 'newsletter_signup', jQuery('#newsletter_signup_newcomer').SimpleFormWidget( settings.widgets.simpleform.byselector['.newsletter_signup'].options ).data('SimpleFormWidget') ); </script> <br /> </li> <li class="facebook"> <p><strong>Join io9</strong> on Facebook. Click "Like" to get the most important stories in your News Feed.</p> <iframe src="http://www.facebook.com/plugins/likebox.php?profile_id=393386711693&width=200&height=70&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:70px;" allowTransparency="true"></iframe> </li> </ul> <div class="hello"></div> <a class="welcome_control cn_cancel"></a> </div> </div> <div id="agegate_container" style="display: none;"> <div id="agegate_IDHERE" class="agegate_container"> <div class="roundbox"> <b class="rtop"><b class="rb1"></b><b class="rb2"></b><b class="rb3"></b><b class="rb4"></b></b> <div class="roundcontent"> <form class="agegate_control cn_agegate_form" action="#"> <div class="ageconfirm"><div class="exclamation"></div>please confirm your birth date:</div> <div class="fields"> <input class="agegate_control cn_month validate valid_minmax-1_12" type="text" size="2" maxlength="2" name="month" value="mm" /> <input class="agegate_control cn_day validate valid_minmax-1_31" type="text" size="2" maxlength="2" name="day" value="dd" /> <input class="agegate_control cn_year validate valid_minmax-1900_2010" type="text" size="4" maxlength="4" name="year" value="yyyy" /> <br style="clear: both;" /> </div> <input type="submit" value="Submit" class="agesubmit" /> <div class="validationmessage month_validmsg day_validmsg msg_valid_minmax" style="display: none;">please enter a valid date</div> <div class="validationmessage year_validmsg msg_valid_minmax" style="display: none;">please enter your full birth year</div> </form> </div> <b class="rbottom"><b class="rb4"></b><b class="rb3"></b><b class="rb2"></b><b class="rb1"></b></b> </div> </div></div><div id="agegate_container_rejected" style="display: none;"> <div id="agegate_IDHERE" class="agegate_container denied"> <div class="roundbox"> <b class="rtop"><b class="rb1"></b><b class="rb2"></b><b class="rb3"></b><b class="rb4"></b></b> <div class="roundcontent"><div class="ageconfirm"><div class="exclamation"></div>this content is restricted.</div></div> <b class="rbottom"><b class="rb4"></b><b class="rb3"></b><b class="rb2"></b><b class="rb1"></b></b> </div> </div></div> <h1><a href="http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii">everything you need to know about Starcraft II</a></h1> <!-- google_ad_section_start --> <p><img src="http://cache.gawkerassets.com/assets/images/8/2010/07/340x_ss682.jpg" class="left image340 image_0" width="340" alt="Everything you need to know about Starcraft II"/>on July 27, Blizzard Entertainment will release <em>Starcraft II</em>, the sequel to the real-time strategy game so popular that it's still the gold standard of the genre 12 years later. Today, we'll be looking at <em>Starcraft</em> as a scifi narrative.</p><p><em>Starcraft</em> is military science fiction that focuses on three warring species: the power-armor-clad <strong>Terrans</strong>, the monstrous bio-engineered <strong>Zerg</strong>, and the technologically advanced <strong>Protoss</strong>. <em>Starcraft</em>'s first (and most obvious) narrative antecedent is <em>Starship Troopers</em>. It's almost impossible to write military science fiction that escapes the shadow of Heinlein's classic novel, and the debt here is mostly to the novel's aesthetics.</p><p><strong>The Terrans</strong> of <em>Starcraft</em> may wear power armor, but their culture and history is a far cry from the Terran Federation of Heinlein's novel. These Terrans are hard-drinking, hard-fighting descendants of criminals and other undesirables that Earth shot off into space. Besides some typical shady government stuff (like experimenting on their own citizens to develop their latent psionic abilities) the Terrans also set up a society that is more Appalachia and less Heinlein's military utopia. They even go so far as to name their government the Terran Confederacy and revive the Confederacy's flag.</p><p><img src="http://cache.gawkerassets.com/assets/images/8/2010/07/thumb160x_jimraynor.jpg" class="left image158 image_1" width="158" alt="Everything you need to know about Starcraft II"/>The Terrans are not entirely sympathetic as a society and spend just as much of their time fighting each other as they spend fighting the Zerg or the Protoss. Most of their storyline in the first game concerns Jim Raynor (left), one of the few truly stand up guys you'll meet among the Terrans. Raynor overthrows the corrupt Terran Confederacy for the mysterious Arcturus Mengsk.<br><br clear="all"><br>The species of <em>Starcraft</em> may resemble familiar sci-fi creatures, but this resemblance is only skin deep. <strong>The Zerg</strong> visually descend from the buggies of <em>Starship Troopers</em> by way of H.R. Giger influence. However, their culture and story once again set them apart.</p><p>Instead of a typical hive-mind, the Zerg seem more to network together into many groups. this allows for political maneuvering and betrayal at the top levels of Zerg society in spite of their hive-mind culture. In fact, the Zerg cerebrates that control the species often plot against each other during the course of <em>Starcraft</em>.</p><p><img src="http://cache.gawkerassets.com/assets/images/8/2010/07/340x_ss15hires_2.jpg" class="left image340 image_2" width="340" alt="Everything you need to know about Starcraft II"/>The Zerg also have an obsession with absorbing the unique genetic abilities of any new species they come across. Their current leader is a powerful human psionic named Sarah Kerrigan who was converted into a Zerg during the events of the first game, and there's been some indication that they're working to create hybrids of the Protoss and the Zerg.<br><br clear="all"><br><strong>The Protoss</strong> are the warrior/poet race of the <em>Starcraft</em> universe — they mix the looks of the Eldar from the science fiction miniature game <em>Warhammer 40K</em> with the history of the Vulcans from <em>Star Trek</em>. The Protoss are now highly devoted to their religious code, but they were once an incredibly warlike race. In their ancient past, the Protoss were created and watched over by the Xel'Naga, who turned their back on the Protoss when they descended into warfare — the Protoss wanted to show who was most worthy of attention from their creators.</p><p><img src="http://cache.gawkerassets.com/assets/images/8/2010/07/500x_ss12hires_2.jpg" class="left image500 image_3" width="500" alt="Everything you need to know about Starcraft II"/></p><p>After the Xel'Naga ditched them, the Protoss eventually got it together with the help of an ancient religious leader named Khas who united all of the warring Protoss with a psionic link. this link allowed them to empathize with each other as a single peaceful species. The Protoss now try and make amends for the actions which drove away the Xel'Naga, whom they kind of consider to be the Protoss version of Original Sin.</p><p>During the events of the first <em>Starcraft</em> game, the Protoss are forced off their homeworld by the Zerg, find a new religious leader, and reunite with their prodigal heretic clan that severed the psionic link to preserve their individuality.</p><p>Despite the unique aspects of the <em>Starcraft</em> universe, the game's creators are good sports about the similarities to other scifi works and often name characters after their scifi forebearers or give them dialogue straight out of sci-fi history. For instance, the Terran dropships quote <em>Aliens</em> obsessively (i.e., "In the pipe, five by five!" and "Hang on, we're in for some chop!"). but what makes <em>Starcraft</em> an exciting part of the military science fiction canon is the way it lets you play around — both literally and metaphorically — with the story universe.</p><p>The storytelling of a novel tends to be deep but not broad. by the time you get to the end of <em>Starship Troopers</em>, you know almost everything there is to know about the military culture of Heinlein's future Earth. However, the Buggies are still largely a mystery and the Skinnies are utterly unknown outside of their brief appearance at the start of the novel.</p><p><img src="http://cache.gawkerassets.com/assets/images/8/2010/07/340x_tpop_blizz_starcraft_promo_by_udoncrew.jpg" class="left image340 image_4" width="340" alt="Everything you need to know about Starcraft II"/><em>Starcraft</em>'s story shifts between the viewpoints of all three species, giving you a full look at the way each of them operates. Characters from one species often appear later as opponents or temporary allies. For example, the player meets Sarah Kerrigan for the first time as a Terran, but she's later converted into a Zerg as you play through her story, giving both you and her a chance to adapt to her Zerg persona.</p><p>The result is a universe that feels almost too full to explore with a traditional story. Many of the most interesting elements of the <em>Starcraft</em> universe, such as the Xel'Naga and the discovery and development of human psionic abilities, are only briefly mentioned in the game proper, leaving the player to explore those ideas outside of the core narrative.</p><p><img src="http://cache.gawkerassets.com/assets/images/8/2010/07/thumb160x_kerrigan.jpg" class="left image158 image_5" width="158" alt="Everything you need to know about Starcraft II"/>Unsurprisingly, <em>Starcraft</em> has spawned quite a few spin-off stories. There's a novel that explores Kerrigan's rise to power among the Zerg. more recently, Blizzard has released a series of manga stories set in the <em>Starcraft</em> universe that cover topics only briefly touched upon in the first game, such as Terran research into the Zerg and the Protoss.</p><p>currently, the <em>Starcraft</em> universe is pretty screwed up. The Protoss are in bad shape and trying to set up a new homeworld. The Terrans aren't doing much better after Earth rediscovered them and — just barely — failed to conquer them. meanwhile, Kerrigan, the new undisputed leader of the Zerg, is poised to take over the galaxy. So what new directions is the story taking in its sequel? since it hasn't been released yet (and most of the previews have been of the story-free multiplayer version), we don't know the whole of the storyline, but we do know a few things.</p><p><strong>**STARCRAFT II SPOILERS BEGIN HERE**</strong></p><p><em>Starcraft II'</em>s initial release is going to concentrate once again on the Terrans. The revolution from the first game has come back to bite Jim Raynor. After helping overthrow one government, Jim Raynor's former ally Arcturus Mengsk has set himself up as the totalitarian leader of a new Terran Dominion and branded Raynor as a terrorist and traitor to the state. As a result, Raynor has fled to the edges of Terran space and become a mercenary accepting missions from anybody of any species as long as he deems the goals acceptable.</p><p>The big news concerns the return of the enigmatic Xel'Naga, the ancient alien race that helped spur the development of both the Protoss and the Zerg. Initially, this may sound like good news considering the nasty state of affairs at the end of the first game. However, from what we know, the Xel'Naga aren't very fond of any of the game's many species. The Protoss are a failure in their eyes, the Zerg are a plague upon the galaxy that actually attacked them and drove them away, and who knows what they think of these weird pink-skinned Terrans that have shown up since they left. it seems likely that their plan to fix the situation will be some variation on killing them all and letting God sort them out. this plan's unlikely to go over too well with any of the game's major characters.</p><p><iframe src="http://www.facebook.com/plugins/likebox.php?id=393386711693&width=460&connections=8&stream=false&header=false&height=180" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:460px; height:180px;" allowtransparency="true"></iframe></p> <!-- google_ad_section_end --> <p class="contactinfo"> Send an email to David Daw, the author of this post, at <a href="mailto:davidd@io9.com?subject=http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii">davidd@io9.com</a>. </p> <div class="ad_editorial-sponsorship"></div> <a name="viewcomments"></a> <div class="permalink_ads"> <div class="ad_perma-adsense-728x90"></div> <div class="ad_728x90"><div class="dfpad" id="gadc_5591318-placeholder"><noscript><a href="http://ad.doubleclick.net/jump/gm.io9/inside;ptile=3;sz=728x90;ord=98135997?" target="_blank"><img src="http://ad.doubleclick.net/ad/gm.io9/inside;ptile=3;sz=728x90;ord=98135997?" width="728" height="90" border="0" alt="" /></a></noscript></div></div> <script type="text/javascript" charset="utf-8"> if(!jQuery.cookie('__g_iut')) GawkerClientside.pushWidget('welcome', jQuery('.welcome_form').WelcomeWidget().data('WelcomeWidget')); </script> <script type="text/javascript" charset="utf-8"> var _cn = '__g_iut'; var _cn_d = new Date().getTime(); document.write('<img src="http://track.gawker.com/stats/count/post?i=5589872&s=7a975669'); if( !jQuery.cookie(_cn) || jQuery.cookie(_cn) < _cn_d-2592000000 ) document.write('&u=1'); document.write('" height="0" width="0" id="internal_tracker" class="track" alt="track" />'); jQuery.cookie(_cn, _cn_d, { path: '/', expires: 365 } ); </script> </div> <br clear="left" /><a name="comment"></a><a name="loggedin"></a><div class="gawkerwidget commenter_area commenttype_post rootid_5589872 siteid_8 facebook_enabled " id="comments"> <!--[if IE 6]> <span class="small ie6only">your version of Internet Explorer is not supported. please upgrade to the most recent version in order to view comments.</p><p></span> <![endif]--> <a name="commentform"></a><div class="commentbox_widget commentbox cb_collapsed widgettype_comment"> <div class="cb_wrapper smalltype"> <form class="cb_form ic cn_form" action="" method="post"> <input type="hidden" name="op" value="postcomment" class="ic cn_commentop"/> <input type="hidden" name="parentType" value="POST" class="ic cn_parenttype_input" /> <input type="hidden" name="commentId" value="" class="ic cn_commentid_input" /> <input type="hidden" name="formToken" value="" class="ic cn_formtoken_input" /> <input type="hidden" name="rootType" value="POST" class="ic cn_roottype_input" /> <input type="hidden" name="rootId" value="5589872" class="ic cn_rootid_input" /> <input type="hidden" name="entry_id" value="5589872" class="ic cn_entryid_input" /> <input type="hidden" name="anonymous_email" value="" class="ic cn_anonemailinput"/> <input type="hidden" name="newsletter" value="" class="ic cn_anonnewsletter"/> <input type="hidden" name="author_email" value="" class="ic cn_authoremailinput"/> <input type="hidden" name="uploadedfile" value="" class="ic cn_uploadedfile" /> <input type="hidden" name="uploadedfileformat" value="" class="ic cn_uploadedfileformat" /> <input type="hidden" name="seoHashTag" class="ic cn_seohashtag" value="#starcraft" /> <div class="cb_inputarea"> <textarea name="text" class="cb_textarea ic cn_textarea serif"></textarea> <div class="cb_button_holder"> <input class="cb_button cb_submit serif ic cn_submitform" type="submit" value="Share" /> <input class="cb_button cb_cancel cb_onlyexp serif ic cn_collapseform" type="reset" value="Cancel" /> </div> <!-- publish on facebook checkbox --> <div class="cb_onlyexp fbuser" style="display: none;"> <input type="checkbox" id="fb_publish_comment_comment" name="fb_publish_comment" class="ic cn_fbcomment" CHECKED /> <label for="fb_publish_comment_comment" class="ic fb_publish_comment_label cn_fbcommentlabel">publish on Facebook</label> </div> </div> <div class="cb_l cb_onlyexp cb_default"> <a href="#" class="ic cn_imgopt" title="Upload image"><img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/icon.picture.png" /></a> <a href="#" class="ic cn_vidopt" title="Upload Youtube video"><img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/icon.youtube.png" /></a> </div> <div class="cb_l cb_onlyexp cb_imgopt" style="display: none;"> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/icon.picture.png" /> <a href="#" class="ic cn_imgupl cb_imgupllink">Upload an image</a> | <a href="#" class="ic cn_imgurl">Add an image URL</a> <a class="ic cn_close cb_closelink" href="#">×</a> </div> <div class="cb_l cb_onlyexp cb_imgurl" style="display: none;"> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/icon.picture.png" /> <label for="photourl">Image URL: </label><input type="text" id="photourl" name="addphotourl" class="ic cn_photourl" /> <a class="ic cn_close cb_closelink" href="#">×</a> </div> <div class="cb_l cb_onlyexp cb_vidopt" style="display: none;"> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/icon.youtube.png" /> <label for="youtubevideo">Youtube URL: </label><input type="text" id="youtubevideo" name="addvideourl" class="ic cn_videourl"/> <a class="ic cn_close cb_closelink" href="#">×</a> </div> </form> <div class="cb_l cb_onlyexp cb_imgupl" style="display: none;"> <form enctype="multipart/form-data" action="/?op=comment_image_upload" method="POST" target="imgupl_iframe" id="cb_img_uploader" class="ic cn_imgupl_form"> <input type="hidden" name="MAX_FILE_SIZE" value="2000000" /> <div class="cb_labelhack"> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/icon.picture.png" /> Choose a file to upload: </div> <div class="cb_buttonhack"> <input type="file" name="comment_image" class="ic cn_fileupload cb_uploader" size="0" onchange="jQuery(this).trigger('file_upload_change');" /> <input type="submit" class="cb_imgsubmit" value="Select file" /> </div> </form> <a class="ic cn_close cb_closelink" href="#">×</a> </div> <div class="cb_l cb_onlyexp cb_imguplpreview ic cn_img_preview_l" style="display: none;"> <img id="image_preview" class="cb_img_preview ic cn_imagepreview" src="http://cache-01.gawkerassets.com/assets/base.v9/img/ui/x.gif" width="100" height="100" /> </div> <iframe width="0" height="0" scrolling="no" frameborder="0" name="imgupl_iframe" style="display: none;"></iframe> <div class="cb_msg ic cn_message cb_l" style="display: none;"></div> <div class="cb_msg ic cn_indicator cb_l" style="display: none;"><img width="16" height="16" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller.gif" class="ic cn_indicator_img" /></div> <img class="ic cn_emptyimage" src="http://cache-01.gawkerassets.com/assets/base.v9/img/ui/x.gif" width="0" height="0" style="display: none;" /> </div> <div class="ic cb_tweetthis cb_onlyexp cn_tweetthis" style="display: none;"><input type="checkbox" class="ic cn_tweetthischeck" name="tweetThis" id="tweetThis" value="1" /><label for="tweetThis">Tweet this?</label></div> <div class="cb_onlyexp cb_authoremail ic cn_aewrap" style="display: none;"> <a href="#" class="ic cn_authoremailtoggle cb_onlyexp at_icon ganja_icon"></a><a href="#" class="ic cn_authoremailtoggle cb_onlyexp smalltype" title="Attribute comment to">Attribute comment to:</a> <input type="text" id="authoremail" name="authoremail" class="validate valid_nonempty valid_email ic cn_authoremail cb_authemail serif empty_field" style="display: none;" title="email address" value="email address" /> <div class="validationmessage authoremail_validmsg msg_valid_nonempty" style="display: none;">please enter an email address.</div> <div class="validationmessage authoremail_validmsg msg_valid_email" style="display: none;">please enter a valid email address.</div> </div></div> <div class="admin_links" style="display:none"> <a href="#" title="Disemvowel comment" class="ca cn_comment_admin_disemvowelcomment">Dsmvwl</a> | <a href="#" title="Commenter administration" class="ca cn_comment_admin_userlist">Admin</a> | <a href="#" title="Promote comment only" class="ca cn_po">Promote only</a> | <a href="#" title="Promote this comment to frontpage" class="ca cn_comment_admin_promotecomment">Promote to frontpage</a> | <a href="#" title="Approve this commenter" class="ca toggle cn_approvecommenter">Approve user</a> | <a href="#" title="Ban this commenter" class="ca toggle cn_bancommenter">Ban user</a> <a href="#" class="closeButton" onclick="jQuery('.admin_links').hide(); return false;">×</a> <span class="comment_admin_message"></span> </div> <span class="input_box_place"></span> <div class="comment_list_placeholder cc cn_comments_placeholder"> <div class="commentload">Loading comments ... <img class="commentload_indicator" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller.gif" alt="-/|" /></div> </div> <div class="comment_footer smalltype"> <div class="tools"> <span class="cc cn_nextpage" style="display: none;"><a class="nextpage" href="#">Earlier discussions</a> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller.gif" alt="Paging in progress..." width="12" height="12" style="display: none;" class="cc cn_pageindicator indicator"/> | </span> <span class="cc cn_allcomments_link" style="display: none;"><a href="http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii#comments">other discussions</a> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller.gif" alt="" width="12" height="12" style="display: none;" class="cc cn_pageindicator indicator"/> | </span> <span class="cc cn_loadallcomments" style="display: none;"><a href="#">Show all discussions</a> | </span> <span class="cc cn_loadfeaturedcomments" style="display: none;"><a href="#">Show featured discussions only</a><span class="newDiscussionPipe"> | </span></span> <span class="cc cn_expandallthreads" style="display: none;"><a href="#">Expand all replies</a></span> <span class="cc cn_collapseallthreads" style="display: none;"><a href="#">Collapse all replies</a></span> <br /> <a href="#" class="cc cn_newdiscussion newDiscussion">start a new discussion</a> </div> </div> <div class="ad_perma-adsense-footer"></div> <noscript> <div class="noscriptbar"> In order to view comments on io9.com you need to enable JavaScript.<br /> If you are using Firefox and NoScript addon, please mark io9.com as trusted. </div> </noscript></div><script type="text/javascript" charset="utf-8"> GawkerClientside.pushWidget('comment', jQuery('.gawkerwidget.commenter_area').CommentWidget().data('CommentWidget'));</script><script type="text/javascript" charset="utf-8"> var commentAdminOptions = jQuery.extend({}, settings.widgets.commentadmin.byselector['.commenter_admin'].options); GawkerClientside.pushWidget('commentadmin', jQuery('.gawkerwidget.commenter_area').CommentAdminWidget(commentAdminOptions).data('CommentAdminWidget'));</script></div><div class="postmeta_permalink_wrapper"> <div class="postmeta_permalink"> <div class="pm_line" id="mail2container" style="border-top: 0px; height:auto;"> <cite class="pm_byline"> by <a href="http://io9.com/people/Inscrutable/posts/" title="Click here to read posts written by David Daw" class="pm_link">David Daw</a> </cite> <div class="pm_tools" style="margin-bottom:0"> <div class="pm_tools_expanded"> <div class="pm_tools_large"> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fio9.com%2F5589872%2Feverything-you-need-to-know-about-starcraft-ii&layout=standard&show_faces=false&width=300&action=like&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:35px;" allowTransparency="true"></iframe> </div> </div> <div class="pm_tools_small" style="margin:0 2px 0 -4px;float:left;width:100%;"> <div class="pm_tool twitter"> <script type="text/javascript"> tweetmeme_url = 'http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii'; tweetmeme_style = 'compact'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> </div> <div class="pm_tool mail2"> <a class="pm_tool-icon mail2control cn_toggle" rel="nofollow" title="Send to friend" href="#"><img src="http://cache-01.gawkerassets.com/assets/base.v9/img/ui/icon.mail2.gif" /></a> </div> <div class="pm_tool fbshare"> <!--<fb:share-button class="pm_tool-icon" rel="nofollow" title="Share on Facebook" href="http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii" type="icon"></fb:share-button> --> <a href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fio9.com%2F5589872%2Feverything-you-need-to-know-about-starcraft-ii" onclick="window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');return false;" target="_new"><img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/fb-share.png" alt="share on facebook" title="share on facebook"/></a> </div> <div class="pm_tool digg"> <script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script> <a class="DiggThisButton DiggIcon"></a> </div> </div> </div> </div> <div class="pm_line"> <!-- time and date --> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/clock-empty.png" class="pm_meta_icon" width="15" height="15" /> Jul 18, 2010 07:00 AM <span class="pm_meta_border"></span> <!-- view data --> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/flame-orange.png" class="pm_meta_icon" width="10" height="15" alt="63,360 views on this post, 22,500 new visitors" title="63,360 views on this post, 22,500 new visitors" /><span title="63,360 views on this post, 22,500 new visitors">63,360</span> <span class="pm_meta_border"></span> <!-- comment view count --> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/icons/comment-filled.png" title="Comments" class="pm_meta_icon commentcontrol cn_commentcount_icon_low" width="15" height="15" /> <a rel="nofollow" href="http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii#comments" title="Read comments on the post" class="commentcontrol cn_individual_postmeta_commentcount pm_link">301</a> </div> <div class="pm_line editorControlsWidget inviteWidget" id="editorControlsWidget" style="display: none;"> <span class="for_editors editor_control cn_for_editors" style="display: none;"> <a class="pm_link edit_link editor_control cn_edit_link" href="http://publish.io9.com/ged/5589872" target="_new" title="edit this post">Edit »</a> <a class="pm_link draft_link editor_control cn_draft_link postId_5589872" href="#" title="Make this post DRAFT">Set to Draft »</a> </span> <a class="pm_link invc cn_i postId_5589872" href="#" title="Invite someone to comment on this post" style="display: none;">Invite »</a> <span class="republish_container" style="display: none;"> <a class="pm_link republish_control cn_republish_link postid_5589872" href="#" >Syndicate »</a> <a class="pm_link republish_control cn_edit_link postid_" href="#" title="" style="display: none;">Edit timestamp »</a> </span> <!--a class="pm_link slurp_toggle editor_control cn_slurp_toggle" href="#" title="Copy this whole post to an other site" style="display: none;" >Syndicate »</a--> <div class="slurp_dialog editor_control cn_slurp_dialog" style="display: none;"> <form class="slurp_form editor_control cn_slurp_form" method="GET"> <p>Syndicate this post</p><br /> <div id="formelements"> Site: <select class="site_select editor_control cn_slurp_select" name="siteId"> <option value="-1">select site</option> <option value="43">advertising</option> <option value="31">consumerist</option> <option value="11">deadspin</option> <option value="1">defamer</option> <option value="2">fleshbot</option> <option value="12119">gay fleshbot</option> <option value="7">gawker</option> <option value="4">gizmodo</option> <option value="33">idolator</option> <option value="8">io9</option> <option value="12">jalopnik</option> <option value="39">jezebel</option> <option value="9">kotaku</option> <option value="17">lifehacker</option> <option value="34">valleywag</option> <option value="37">artists</option> <option value="42">gawkershop</option> <option value="30">sploid</option> <option value="13242">gawkertv</option> </select><br /> Mode: <select name="syndicate" class="editor_control cn_slurp_syndicate"> <option value="republish">republish</option> <option value="promote">promote</option> <option value="export">export</option> </select></p><p> <input type="button" class="slurp_bttn slurp_button editor_control cn_slurp_button" value="Submit" /> <div class="slurp_indicator editor_control cn_slurp_indicator right" style="display: none;"><img width="16" height="16" alt="sending request" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller.gif" /></div> <a class="slurp_cancel editor_control cn_slurp_cancel" href="#">cancel</a> <input type="hidden" name="op" value="addsitetag" /> <input type="hidden" name="postId" value="5589872" /> <div class="slurp_message editor_control cn_slurp_message small"></div> </div> </form> </div></div> </div> <div class="related_posts"> <div class="rp_item rp_head smalltype"> more about <a href="http://io9.com/tag/starcraft/" class="rp_head_link"><span class="hash">#</span>starcraft</a> </div> <div class="rp_item rp_post" style="display: none;"> <a href="http://io9.com/5062390/blizzards-starcraft-to-hit-comics-next-year" title="Click here to read Blizzard's Starcraft to Hit Comics Next Year" class="rp_imagelink"> </a> <a href="http://io9.com/5062390/blizzards-starcraft-to-hit-comics-next-year" title="Click here to read Blizzard's Starcraft to Hit Comics Next Year" class="rp_link">Blizzard's Starcraft to Hit Comics Next Year</a> </div> <div class="rp_item rp_post" style="display: none;"> <a href="http://io9.com/376393/not-a-bad-place-to-crash-a-spaceship" title="Click here to read Not a Bad place to Crash a Spaceship" class="rp_imagelink"> <img src="http://cache-02.gawkerassets.com/assets/images/8/2008/04/Cavern.jpg" width="126" height="100" class="rp_image" /> </a> <a href="http://io9.com/376393/not-a-bad-place-to-crash-a-spaceship" title="Click here to read Not a Bad place to Crash a Spaceship" class="rp_link">Not a Bad place to Crash a Spaceship</a> </div> <div class="rp_item rp_foot smalltype"> <strong>read more:</strong> <a href="http://io9.com/tag/io9backgrounder/"><span class="hash">#</span>io9backgrounder</a>, <a href="http://io9.com/tag/starcraft/"><span class="hash">#</span>starcraft</a>, <a href="http://io9.com/tag/starcraftii/"><span class="hash">#</span>starcraftii</a>, <a href="http://io9.com/tag/videogames/"><span class="hash">#</span>videogames</a>, <a href="http://io9.com/tag/blizzardentertainment/"><span class="hash">#</span>blizzardentertainment</a>, <a href="http://io9.com/tag/zerg/"><span class="hash">#</span>zerg</a>, <a href="http://io9.com/tag/protoss/"><span class="hash">#</span>protoss</a>, <a href="http://io9.com/tag/terran/"><span class="hash">#</span>terran</a>, <a href="http://io9.com/tag/starshiptroopers/"><span class="hash">#</span>starshiptroopers</a>, <a href="http://io9.com/tag/top/"><span class="hash">#</span>top</a> </div> </div> <div class="ad_perma-adsense-300x250"></div> </div> <div class="clear"> </div> </div></div><div id="footer" class="centered smalltype"> <map name="footermap"> <area href="http://gawker.com" alt="" title="" shape="rect" coords="1,7,176,26" /> <area href="http://deadspin.com" alt="" title="" shape="rect" coords="194,7,327,26" /> <area href="http://kotaku.com" alt="" title="" shape="rect" coords="345,3,438,28" /> <area href="http://jezebel.com" alt="" title="" shape="rect" coords="454,6,557,31" /> <area href="http://io9.com" alt="" title="" shape="rect" coords="575,2,620,28" /> <area href="http://jalopnik.com" alt="" title="" shape="rect" coords="636,6,746,26" /> <area href="http://gizmodo.com" alt="" title="" shape="rect" coords="764,5,883,26" /> <area href="http://lifehacker.com" alt="" title="" shape="rect" coords="899,1,997,28" /> </map> <img src="http://cache-01.gawkerassets.com/assets/base.v9/img/ui/footer-sitelist.png" usemap="#footermap" border="0" style="margin: 10px 0px" width="998" height="33" /> <ul id="footer_siteinfo"> <li> <div id="sitemeter" class="plain"> <!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" --> <script type="text/javascript" language="JavaScript">var site="s31io9sf"</script> <script type="text/javascript" language="JavaScript1.2" src="http://s31.sitemeter.com/js/counter.js?site=s31io9sf"></script> <noscript><a rel="nofollow" href="http://s31.sitemeter.com/stats.asp?site=s31io9sf" target="_top"><img src="http://s31.sitemeter.com/meter.asp?site=s31io9sf" alt="Site Meter" border="0"/></a></noscript> <!-- Copyright (c)2002 Site Meter --> <!--WEBBOT bot="HTMLMarkup" Endspan --> <!--START GANALYTICS --><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script><script type="text/javascript"> _uacct = "UA-142218-29"; urchinTracker();</script><!-- END GANALYTICS --><!-- start Quantcast tag --><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><script type="text/javascript">_qacct="p-d4P3FpSypJrlA";quantserve();</script><noscript><img src="http://pixel.quantserve.com/pixel/p-d4P3FpSypJrlA.gif" style="display: none" height="1" width="1" alt="Quantcast"/></noscript><!-- end Quantcast tag --> </div> </li> <li><a title="Click here to go to Archives" href="/archive" rel="nofollow">Archives</a></li> <li><a title="Click here to go to About" href="/about" rel="nofollow">About</a></li> <li><a title="Click here to go to Advertising" href="http://advertising.gawker.com" rel="nofollow">Advertising</a></li> <li><a title="Click here to go to Legal" href="http://gawker.com/advertising/legal" rel="nofollow">Legal</a></li> <li><a rel="nofollow" href="http://getsatisfaction.com/gawker" title="Click here to go to Report a Bug" target="_blank">Report a Bug</a></li> <li><a rel="nofollow" href="http://gawker.com/commentfaq/" title="Click here to go to Comment FAQ">FAQ</a></li> </ul> <a href="http://advertising.gawker.com/legal/">Original material</a> is licensed under a <a href="http://creativecommons.org/licenses/by-nc/3.0/">Creative Commons License</a> permitting non-commercial sharing with attribution. <!-- start GA tag --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-142218-29']); _gaq.push(['_trackPageview']); /* _gaq.push(['_setDomainName'], '.io9.com'); */ (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga); })(); </script> <!---Quantcast tags for our "Chic" or "Geek" sites, Fleshbot just gets regular tag --> <!-- start Quantcast tag --> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qoptions = { tags:"Gawker Geek" }; _qacct="p-d4P3FpSypJrlA";quantserve();</script> <noscript> <a href="http://www.quantcast.com/p-d4P3FpSypJrlA" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-d4P3FpSypJrlA.gif?tags=Gawker%20Geek" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a> </noscript> <!-- end Quantcast tag --> <script type="text/javascript">if(typeof myUserLocation != 'undefined' && myUserLocation['country'] && myUserLocation['country'].toLowerCase() === 'au') document.write('<div><img src="http://secure-au.imrworldwide.com/cgi-bin/m?ci=alluremedia&cg=0&cc=1" alt=""/></div><img src="http://au.effectivemeasure.net/em_image" alt="" style="position:absolute; left:-5px;" />');</script> <script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script> <script type="text/javascript"> // global fbc obj var gmfbc; // needed to parse XFMBL try { FB.Bootstrap.requireFeatures(["XFBML"], function() { // only define global obj once here gmfbc = new GM_fbc( "d2d5292fb0eccf0dabe2f3817492525d", "/modules/blog/xd_receiver.html" ); gmfbc.fbReady(); }); } catch( e ) {} </script> <br class="clearer" /></div><!-- external presence templates --><div class="presence_control_external smalltype"> <div class="modal_overlay presence_control ic editor_control mail2control newsletter_control cn_overlay" style="display:none;"></div> <div class="modal dialog login presence_control cn_login_dialog" style="display:none;width:550px;"> <div class="inner"> <h1>Login</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <p>Enter your username and password.</p> <form class="presence_control cn_login_form" method="post" action="/?op=login"> <input class="presence_control cn_redirect_to" type="hidden" name="redirect_to" value="" /> <input type="hidden" value="1" name="remember" class="presence_control cn_remember" /> <div class="row"> <label for="login_username">Username:</label><input id="login_username" name="username" type="text" value="" maxlength="255" class="validate valid_nonempty presence_control cn_username" /> <div class="validationmessage username_validmsg msg_valid_nonempty" style="display: none;">please enter a username.</div> </div> <div class="row"> <label for="login_password">Password:</label><input id="login_password" name="password" type="password" value="" maxlength="255" class="validate valid_nonempty presence_control cn_password" /> <div class="validationmessage password_validmsg msg_valid_nonempty" style="display: none;">please enter your password.</div> </div> <div class="row"> <span class="menubar_login_indicator presence_control cn_login_indicator" style="display: none;"><img width="16" height="16" alt="logging in" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /></span> <input type="submit" value="Login" class="presence_control cn_login_button"/> <input type="button" value="Cancel" class="presence_control cn_login_cancel" /> <div class="presence_control cn_loginmessage"></div> </div> </form> <div class="footer"> <a href="#" class="presence_control cn_fb_login">Login via Facebook</a> | <a href="#" class="presence_control cn_toggleregisterdialog">Sign Up</a> | <a href="#" class="reset presence_control cn_toggleresetpwdialog">Forgot Password?</a> </div> </div> </div> </div> <!-- reset password --> <div class="modal dialog resetPassword presence_control cn_resetpw_dialog" style="display: none; width:550px;"> <div class="inner"> <h1>Reset Password</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <p>please enter your email address to have your password reset.</p> <form action="/?op=emailpassword" class="presence_control cn_resetpw_form"> <div class="row"> <label for="resetpw_email">Email:</label><input type="text" id="resetpw_email" name="email" maxlength="255" class="validate valid_nonempty valid_email presence_control cn_resetpwemail" /> <div class="validationmessage email_validmsg msg_valid_nonempty" style="display: none;">please enter your email address.</div> <div class="validationmessage email_validmsg msg_valid_email" style="display: none;">please enter a valid email address.</div> </div> <div class="row"> <span class="menubar_login_indicator presence_control cn_resetpw_indicator" style="display: none;"><img width="16" height="16" alt="requesting password reset" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /></span> <input type="submit" value="Reset" class="presence_control cn_resetpw_submit"/> <input type="button" value="Cancel" class="presence_control cn_resetpw_cancel"/> <div class="presence_control cn_resetpwmessage"></div> </div> </form> </div> </div> </div> <!-- new user --> <div class="modal dialog register presence_control cn_register_dialog" style="width: 550px; display: none;"> <div class="inner"> <h1>Register</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <p class="presence_control cn_register_copy">Registering will give you a user profile and the ability to add other users as friends. to become a commenter, however, you need to audition.</p> <p>want to know more? Consult the <a href="http://gawker.com/commentfaq/" title="Comment FAQ" target="_blank">Comment FAQ</a> and <a href="http://advertising.gawker.com/legal/" title="Legal terms" target="_blank">legal terms</a>.</p> <form action="/?op=register" class="presence_control cn_register_form"> <input class="presence_control cn_register_invitecode" type="hidden" name="code" value="" /> <input class="presence_control cn_register_invitecodemod" type="hidden" name="codemod" value="" /> <div class="row"> <label for="register_username">Username:</label><input type="text" id="register_username" name="username" maxlength="255" class="validate valid_nonempty presence_control cn_register_username" /> <div class="validationmessage username_validmsg msg_valid_nonempty" style="display: none;">please enter a username.</div> </div> <div class="row"> <label for="register_password">Password:</label><input type="password" id="register_password" name="password" maxlength="255" class="validate valid_nonempty presence_control cn_register_password" /> <div class="validationmessage password_validmsg msg_valid_nonempty" style="display: none;">please enter a password.</div> </div> <div class="row"> <label for="register_confirm_password">Confirm Password:</label><input type="password" id="register_confirm_password" name="confirm_password" maxlength="255" class="validate valid_nonempty valid_sameas-password presence_control cn_register_confirm_password" /> <div class="validationmessage confirm_password_validmsg msg_valid_nonempty" style="display: none;">please confirm your password.</div> <div class="validationmessage confirm_password_validmsg msg_valid_sameas" style="display: none;">Passwords are not identical.</div> </div> <div class="row"> <label for="register_email">Email (not published):</label><input type="text" id="register_email" name="email" maxlength="255" class="validate valid_email presence_control cn_register_email" /> <div class="validationmessage email_validmsg msg_valid_email" style="display: none;">please enter a valid email address.</div> </div> <div class="row"><label for="register_remember">Remember me on this computer?</label><input type="checkbox" id="register_remember" name="remember" class="presence_control cn_register_remember" checked="yes" /></div> <div class="row newsletter_signup_checkbox"><label for="register_newsletter">Sign me up for io9's email newsletter</label><input type="checkbox" id="register_newsletter" name="newsletter" class="presence_control cn_register_newsletter" checked="yes" /></div> <div class="row"> <span class="menubar_login_indicator presence_control cn_register_indicator" style="display: none;"><img width="16" height="16" alt="registration sent, waiting for reply" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /></span> <input type="submit" value="Register" class="presence_control cn_register_submit" /> <input type="button" value="Cancel" class="presence_control cn_register_cancel" /> <div class="presence_control cn_registermessage"></div> </div> </form> </div> </div> </div> <div class="modal dialog emailreminder presence_control cn_emailreminder_dialog" style="width: 550px; display: none;"> <div class="inner"> <h1>Register</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <p class="presence_control cn_emailreminder_copy">one last thing!</p> <p class="presence_control cn_emailreminder_copy2">While we don't require an email address to sign up, consider adding one to your account. this will give you the ability to reset a lost or stolen password. </p> <form action="/?op=register" class="presence_control cn_emailreminder_form"> <input class="presence_control cn_emailreminder_invitecode" type="hidden" name="code" value="" /> <input type="hidden" id="emailreminder_username" name="username" maxlength="255" class="presence_control cn_emailreminder_username" /> <input type="hidden" id="emailreminder_password" name="password" maxlength="255" class="presence_control cn_emailreminder_password" /> <input type="hidden" id="emailreminder_confirm_password" name="confirm_password" maxlength="255" class="presence_control cn_emailreminder_confirm_password" /> <input type="hidden" id="emailreminder_remember" name="remember" class="presence_control cn_emailreminder_remember" /> <div class="row"> <label for="emailreminder_email">Email (not published):</label><input type="text" id="emailreminder_email" name="email" maxlength="255" class="validate valid_email presence_control cn_emailreminder_email" /> <div class="validationmessage email_validmsg msg_valid_email" style="display: none;">please enter a valid email address.</div> </div> <div class="row newsletter_signup_checkbox"><label for="emailreminder_newsletter">Sign me up for Gawker's email newsletter</label><input type="checkbox" id="emailreminder_newsletter" name="newsletter" class="presence_control cn_emailreminder_newsletter" checked="yes" /></div> <div class="row"> <span class="menubar_login_indicator presence_control cn_emailreminder_indicator" style="display: none;"><img width="16" height="16" alt="registration sent, waiting for reply" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /></span> <input type="submit" value="Add email" class="presence_control cn_emailreminder_submit" /> <input type="button" value="No thanks" class="presence_control cn_emailreminder_cancel" /> <input type="hidden" name="noemail" value="0" class="presence_control cn_emailreminder_noemail" /> <div class="presence_control cn_emailremindermessage"></div> </div> </form> </div> </div> </div> <!-- anon comment panel - belongs to commentbox widget--> <div class="modal dialog guestpanel ic cn_guestpanel_dialog" style="display: none; width: 550px;"> <div class="inner"> <h1>Submit your Comment</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <div class="leftside"> <p>you don't need a login to comment. just enter your email address below.</p> <p><strong>your username will be the part of your email address before the @ sign.</strong> If you wish to remain anonymous, create your own username by signing up for a Gawker account <a href="#" class="ic cn_requestregister">here</a>.</p> <form class="ic cn_guestpanel_form" method="post"> <div class="row"> <label for="guestpanel_email">Email:</label><input id="guestpanel_email" name="email" type="text" value="" maxlength="255" class="validate valid_nonempty valid_email ic cn_guestpanelemail" /> <div class="validationmessage email_validmsg msg_valid_email" style="display: none;">please enter a valid email address.</div> <div class="validationmessage email_validmsg msg_valid_nonempty" style="display: none;">please enter a valid email address.</div> <div class="row newsletter_signup_checkbox" style="margin: 10px 0;"><label for="gusetpanel_newsletter" style="margin-right: 3px; vertical-align: 2px;">Get io9's daily newsletter?</label><input type="checkbox" id="guestpanel_newsletter" name="newsletter" class="ic cn_guestpanel_newsletter" checked="yes" /></div> </div> <div class="row"> <span class="menubar_guestpanel_indicator ic cn_guestpanel_indicator" style="display: none;"><img width="16" height="16" alt="logging in" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /></span> <input type="submit" value="Submit" class="ic cn_guestpanel_button"/> <input type="button" value="Cancel" class="ic cn_guestpanel_cancel" /> <div class="ic cn_guestpanelmessage"></div> </div> </form> </div> <div class="rightside"> <p><strong>Already Have an Account?</strong><br /> Login with your <a href="#" title="Login via Facebook" class="ic cn_request_fb_login">Facebook</a> or existing <a href="#" class="ic cn_requestlogin">io9</a> account.</p> <p><strong>questions?</strong><br /> Learn more at the <a href="http://gawker.com/commentfaq/" target="_blank">Comment FAQ</a>.</p> </div> <br style="clear: both; height: 0px;" /> </div> <br style="clear: both; height: 0px;" /> </div> </div> <!-- star invites --> <div class="modal dialog invc cn_starinvite_dialog" style="display: none; width:550px;"> <div class="inner"> <h1>Invite a friend to comment <span class="invc cn_starinvite_left"></span></h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <p>to invite people to this discussion, send them an email invitation by pasting in a list of comma-separated email addresses and then clicking Send invites.</p> <form action="/?op=sendinvite" class="invc cn_starinvite_form"> <div class="row"> <label for="starinvite_email">Emails:</label><textarea style="width:350px;height:80px;" id="starinvite_email" name="emailto" class="validate valid_nonempty valid_emails_comma valid_unique_comma valid_limit_comma-10 invc cn_starinvite_email"></textarea> <div class="validationmessage emailto_validmsg msg_valid_nonempty" style="display: none;">please enter at least one email address.</div> <div class="validationmessage emailto_validmsg msg_valid_emails_comma" style="display: none;">please use valid email addresses.</div> <div class="validationmessage emailto_validmsg msg_valid_unique_comma" style="display: none;">please use unique email addresses.</div> <div class="validationmessage emailto_validmsg msg_valid_limit_comma" style="display: none;">please enter fewer addresses.</div> </div> <div class="row"> <span class="menubar_login_indicator invc cn_starinvite_indicator" style="display: none;"><img width="16" height="16" alt="requesting invites" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /></span> <input type="hidden" name="postId" value="" class="invc cn_starinvite_postid" /> <input type="hidden" name="commentId" value="" class="invc cn_starinvite_commentid" /> <input type="hidden" name="ajax" value="true" class="invc cn_starinvite_ajax" /> <input type="submit" value="Send invites" class="invc cn_starinvite_submit"/> <input type="button" value="Cancel" class="invc cn_starinvite_cancel"/> <div class="invc cn_starinvitemessage"></div> </div> </form> </div> </div> </div> <div class="modal dialog mail2control cn_mail2_dialog" style="display: none; width:550px;"> <div class="inner"> <h1>Send a link</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <p>Send a link to this post '<strong>everything you need to know about Starcraft II</strong>' via email:</p> <form action="/" class="mail2control cn_form" id="mail2form" method="post"> <input name="hash" type="hidden" value="5271d7ad69861b82fbe4c1a02fc4e10d" /> <input name="op" type="hidden" value="mail2" /> <input name="uri" type="hidden" value="http://io9.com/5589872/everything-you-need-to-know-about-starcraft-ii" /> <input name="title" type="hidden" value="Everything you need to know about Starcraft II" /> <input name="mail2sitename" type="hidden" value="io9" /> <input class="mail2control cn_token" name="mail2token" type="hidden" value=""> <div class="row"> <label for="mail2_from">your name:</label><input id="mail2_from" name="from" type="text" value="" maxlength="255" class="validate valid_nonempty mail2control cn_from" /> <div class="validationmessage from_validmsg msg_valid_nonempty" style="display: none;">please enter your name.</div> </div> <div class="row"> <label for="mail2_fromemail">your email address:</label><input id="mail2_fromemail" name="fromemail" type="text" value="" maxlength="255" class="validate valid_nonempty valid_email mail2control cn_fromemail" /> <div class="validationmessage fromemail_validmsg msg_valid_nonempty" style="display: none;">please enter your email address.</div> <div class="validationmessage fromemail_validmsg msg_valid_email" style="display: none;">please enter a valid email address.</div> </div> <div class="row"> <label for="mail2_to">Recipient's Email Address:</label><input id="mail2_to" name="to" type="text" value="" maxlength="255" class="validate valid_nonempty valid_email mail2control cn_to" /> <div class="validationmessage to_validmsg msg_valid_nonempty" style="display: none;">please enter your recipient's email address.</div> <div class="validationmessage to_validmsg msg_valid_email" style="display: none;">please enter a valid email address.</div> </div> <div class="row"> <label for="mail2_message">your Message:</label><textarea id="mail2_message" name="message" class="validate valid_nonempty"></textarea> <div class="validationmessage message_validmsg msg_valid_nonempty" style="display: none;">please enter your message.</div> </div> <div class="row"> <span class="mail2control cn_indicator" style="display: none;"><img width="16" height="16" alt="Sending message" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /></span> <input type="submit" value="Send message" class="mail2control cn_submit"/> <input type="button" value="Cancel" class="mail2control cn_cancel" /> <div class="mail2control cn_message"></div> </div> </form> </div> </div> </div> <div class="modal dialog republish_control cn_republish_dialog" style="display: none; width: 300px;"> <div class="inner"> <h1>Syndicate</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <form action="index.php" method="post" class="republish_control cn_republish_form"> <input type="hidden" name="op" value="ajax_slurp" /> <input type="hidden" name="action" class="republish_control cn_action" value="" /> <input type="hidden" name="id" class="republish_control cn_postId" /> <div class="row">Republish or promote to: <select name="siteId" class="republish_control cn_siteId"> </select></div> <div class="row republish_control cn_message" style="display: none;"></div> <div class="row republish_control cn_progress" style="display: none"> <img width="16" height="16" alt="logging in" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /> Saving... </div> <div class="row"> <button class="republish_control cn_republish_submit">Republish</button> <button class="republish_control cn_republish_promote">Promote</button> <button class="republish_control cn_republish_cancel">Cancel</button> </div> </form> </div> </div> </div> <div class="modal dialog republish_control cn_edit_dialog" style="display: none; width: 300px;"> <div class="inner"> <h1>Syndicate</h1> <img class="siteIcon" src="http://cache-01.gawkerassets.com/assets/io9.com/img/apple-touch-icon.png"/> <div class="text"> <form action="index.php" method="post" class="republish_control cn_edit_form"> <input type="hidden" name="op" value="ajax_slurp" /> <input type="hidden" name="action" value="edit" /> <input type="hidden" name="id" class="republish_control cn_postId" /> <div class="row"> Republished on <input class="republish_control cn_edit_time" name="issued" value="2010-07-18 07:00:00" /> </div> <div class="row"> Post Status <select class="republish_control cn_edit_pubstatus" name="pubStatus"> <option value="DRAFT">draft</option> <option value="TAGPAGE">tagpage</option> <option value="PUBLISHED" selected="true">published</option> <option value="DELETED">deleted</option> </select> </div> <div class="row republish_control cn_message" style="display: none;"></div> <div class="row republish_control cn_progress" style="display: none"> <img width="16" height="16" alt="logging in" src="http://cache-01.gawkerassets.com/assets/base.v9/img/indicator/progressIndicator_roller_f0f0f0.gif" /> Saving... </div> <div class="row"> <button class="republish_control cn_edit_submit">Save</button> <button class="republish_control cn_edit_cancel">Cancel</button> </div> </form> </div> </div> </div> </div><script type="text/javascript"> // ganja dynamic content (?) var ganjaDynamicContent = null;</script><script type="text/javascript" charset="utf-8"> // presence widget: set if current page_type should reload when logging in var presence_options = {'isReloading':false}; GawkerClientside.pushWidget('presence', jQuery('#top_presence_control').PresenceWidget(presence_options).data('PresenceWidget'));</script><script type="text/javascript" charset="utf-8"> // editor controls widget GawkerClientside.pushWidget('editorcontrols', jQuery('.editorControlsWidget').EditorControlsWidget().data('EditorControlsWidget')); GawkerClientside.pushWidget('invite', jQuery('.inviteWidget').InviteWidget().data('InviteWidget')); GawkerClientside.pushWidget('invite', jQuery('.gawkerwidget.commenter_area').InviteWidget().data('InviteWidget'));</script><script type="text/javascript" charset="utf-8"> // commentbox widget GawkerClientside.pushWidget('commentbox', jQuery('.commentbox_widget').CommentBoxWidget().data('CommentBoxWidget'));</script><script type="text/javascript" charset="utf-8"> GawkerClientside.pushWidget('simpleform_mail2', jQuery('#mail2container').SimpleFormWidget(settings.widgets.simpleform.byselector['#mail2container'].options).data('SimpleFormWidget'));</script><!--[if IE 6]><script type="text/javascript" charset="utf-8"> // IE6 png fix jQuery('.ie img, #contentSwitch a').ifixpng();</script><![endif]--><script type="text/javascript" charset="utf-8"> // image lazy loading // jQuery(".spimage img, .postpic img").lazyload( { placeholder : "http://cache-01.gawkerassets.com/assets/base.v9/img/ui/x.gif", threshold: 400 });</script><script type="text/javascript" charset="utf-8"> var republishOptions = { 'sites' : {"43":"advertising","31":"consumerist","11":"deadspin","1":"defamer","2":"fleshbot","12119":"gay fleshbot","7":"gawker","4":"gizmodo","33":"idolator","8":"io9","12":"jalopnik","39":"jezebel","9":"kotaku","17":"lifehacker","34":"valleywag","37":"artists","42":"gawkershop","30":"sploid","13242":"gawkertv"}, 'siteIds' : [43,31,11,1,2,12119,7,4,33,8,12,39,9,17,34,37,42,30,13242] }; GawkerClientside.pushWidget( 'comment', jQuery( '.republish_container' ).RepublishToolWidget( republishOptions ).data( 'RepublishToolWidget' ) );</script> <script type="text/javascript" charset="utf-8"> checkRelated();</script><div style="display:none;"><div class="dfpad" id="gadc_8144117-delayed"><script type="text/javascript" src="http://ad.doubleclick.net/adj/gm.io9/inside;ptile=2;sz=160x600;ord=98135997?"></script><!-- o/ --></div><script type="text/javascript">var ns_div=jQuery("#gadc_8144117-placeholder");var moveable_div=jQuery("#gadc_8144117-delayed");try{ns_div.parent().get(0).appendChild(moveable_div.parent().get(0).removeChild(moveable_div.get(0)));}catch(e){console.log(moveable_div)}</script><div class="dfpad" id="gadc_5591318-delayed"><script type="text/javascript" src="http://ad.doubleclick.net/adj/gm.io9/inside;ptile=3;sz=728x90;ord=98135997?"></script><!-- o/ --></div><script type="text/javascript">var ns_div=jQuery("#gadc_5591318-placeholder");var moveable_div=jQuery("#gadc_5591318-delayed");try{ns_div.parent().get(0).appendChild(moveable_div.parent().get(0).removeChild(moveable_div.get(0)));}catch(e){console.log(moveable_div)}</script></div><div class="ad_hide_empty"><script type="text/javascript">// onload hacks herewindow.onload = function() { try { cont = jQuery('#content .metadata .ad300x40'); if (cont.length > 0) { for (i=0; i < cont.length; i++) { var el = jQuery('[src]', cont.eq(i)); found = false; for (j=0; j < el.length; j++) { if (el.eq(j).attr('src') != undefined) { if (el.eq(j).attr('src').match( /817-grey.gif/)) { found = true; } } } if (!found) { cont.eq(i).css( { 'marginBottom' : '10px' } ); } } } var ad160x160bottom = jQuery('#ad-160x160-bottom'); if (ad160x160bottom.length > 0) { var spacer160 = jQuery('#spacer160'); if (ad160x160bottom.html().trim().length == 0) { ad160x160bottom[0].style.display = 'none'; jQuery('#sidebar')[0].style.borderTopStyle = 'solid'; jQuery('#sidebar')[0].style.borderTopWidth = '1px'; } else { jQuery('[src]', ad160x160bottom[0]).each( function( i, el ) { el = jQuery(el); if (el.attr('src') != undefined) { if (el.attr('src').match(/817-grey.gif/)) { ad160x160bottom[0].style.display = 'none'; jQuery('#sidebar')[0].style.borderTopStyle = 'solid'; jQuery('#sidebar')[0].style.borderTopWidth = '1px'; } } }); } } var ad160x160 = jQuery('#ad-160x160'); if (ad160x160.length > 0) { var spacer160 = jQuery('#spacer160'); if (ad160x160.html().trim().length == 0) { jQuery('#ad_160x160')[0].style.display = 'none'; jQuery('#sidebar')[0].style.borderTopStyle = 'solid'; jQuery('#sidebar')[0].style.borderTopWidth = '1px'; } else { jQuery('[src]', ad160x160[0]).each( function( i, el ) { el = jQuery(el); if (el.attr('src') != undefined) { if (el.attr('src').match(/817-grey.gif/)) { jQuery('#ad_160x160')[0].style.display = 'none'; jQuery('#sidebar')[0].style.borderTopStyle = 'solid'; jQuery('#sidebar')[0].style.borderTopWidth = '1px'; } } }); } } var skyscraper = jQuery('#skyscraper'); if (skyscraper.length > 0) { if (skyscraper.html().trim().length == 0) { collapseSkyscraper(); } else { jQuery('[src]', skyscraper).each( function( i, el ) { el = jQuery(el); if (el.attr('src') != undefined) { if (el.attr('src').match(/817-grey.gif/)) { collapseSkyscraper(); } } }); } } var interruptor = jQuery('#interruptor'); if (interruptor.length > 0) { if (interruptor.html().trim().length == 0) { interruptor[0].style.display = 'none'; } else { jQuery('[src]', interruptor).each( function( i, el ) { el = jQuery(el); if (el.attr('src') != undefined) { if (el.attr('src').match(/817-grey.gif/)) { interruptor[0].style.display = 'none'; } } }); } } } catch(e) {}};</script></div><div class="ad_chartbeat_end"><script type="text/javascript">var _sf_async_config={uid:3012,domain:"io9.com",'path':'/5589872/everything-you-need-to-know-about-starcraft-ii'};_sf_async_config.sections = "io9backgrounder,starcraft";_sf_async_config.authors = "David Daw"; (function(){ function loadChartbeat() { window._sf_endpt=(new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (("https:" == document.location.protocol) ? "https://s3.amazonaws.com/" : "http://") + "static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); };})();</script></div><!-- content --></body></html>
<a href="http://io9.com/5589872/everything-you-need-to-know-about-starcraft-iitag:news.google.com,2005:cluster=http://io9.com/5589872/everything-you-need-to-know-about-starcraft-iiSun, 18 Jul 2010 14:13:32 GMT 00:00">Everything you need to know about Starcraft II
