{"id":37267,"date":"2017-03-16T06:00:58","date_gmt":"2017-03-16T11:00:58","guid":{"rendered":"http:\/\/www.shamusyoung.com\/twentysidedtale\/?p=37267"},"modified":"2017-03-16T15:08:27","modified_gmt":"2017-03-16T20:08:27","slug":"arkham-city-part-8-how-to-batman","status":"publish","type":"post","link":"https:\/\/www.shamusyoung.com\/twentysidedtale\/?p=37267","title":{"rendered":"Arkham City Part 8: How To Batman"},"content":{"rendered":"<p>The brute-force approach to tutorials is to jam them all at the very front of the game. Some text boxes will tell you what buttons to push. Once you successfully complete the action you&#8217;re given another, then another, until you&#8217;ve got all the mechanics down. Then the story is allowed to proceed.<\/p>\n<p>This is bad for a lot of reasons. It&#8217;s actually a bad way to teach the player about the game, because you&#8217;ve got too many concepts delivered back-to-back. Sometimes you&#8217;ll be taught how to do something an hour before the story calls for it. If you take a break from the game, then you&#8217;ll likely forget the skill by the time it comes up again. Game designers sometimes guard against this by adding more reminder prompts later on, which makes the game feel patronizing and handhold-y. Worst of all, these brute-force tutorials are torture on repeated play-throughs, since you already know how to do the stuff and there&#8217;s nothing else to hold your interest.<\/p>\n<p>Arkham City is a perfect example of how tutorials should be done. It&#8217;s a masterwork of teaching through doing, without breaking the flow of the story or patronizing the player. The Arkham series is actually a blend of three entirely different but overlapping gameplay modes. There&#8217;s brawling, stealth, and exploration<span class='snote' title='1'>Exploration is a big mishmash of navigating + platforming + puzzle-solving + finding secrets and collectibles.<\/span>. Each mode has numerous concepts the player needs to understand. Batman is famous for his tool belt, and the game is not shy about loading that thing up with a lot of different ways of solving problems. This means the player needs to learn a lot of different controls. The fact that players can glide through these lessons without getting bored is a testament to just how good developer Rocksteady is at their job.<\/p>\n<p><!--more--><\/p>\n<h3>The Rule of Three<\/h3>\n<p><div class='imagefull'><img src='https:\/\/www.shamusyoung.com\/twentysidedtale\/images\/ac_tutorial5.jpg' width=100% alt='While he was climbing to the top of the building to obtain the Batsuit, Bruce Wayne was also talking to Alfred and making his goals clear to the audience. At the same time, the game was giving us the initial exposure to the basic movement controls. Also, it gave a really cool view of the city. See developers? You don&apos;t need to lock us in linear corridors to do your tutorials!' title='While he was climbing to the top of the building to obtain the Batsuit, Bruce Wayne was also talking to Alfred and making his goals clear to the audience. At the same time, the game was giving us the initial exposure to the basic movement controls. Also, it gave a really cool view of the city. See developers? You don&apos;t need to lock us in linear corridors to do your tutorials!'\/><\/div><div class='mouseover-alt'>While he was climbing to the top of the building to obtain the Batsuit, Bruce Wayne was also talking to Alfred and making his goals clear to the audience. At the same time, the game was giving us the initial exposure to the basic movement controls. Also, it gave a really cool view of the city. See developers? You don&apos;t need to lock us in linear corridors to do your tutorials!<\/div><\/p>\n<p>In writing, there&#8217;s the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Rule_of_three_(writing)\">rule of three<\/a>. It&#8217;s a pretty broad concept, but it&#8217;s <a href=\"https:\/\/www.youtube.com\/watch?v=mDclQowcE9I#t=7m45s\">often<\/a> distilled into the form of <a href=\"http:\/\/15minutemoviemethod.com\/setup-reminder-and-payoff\">setup, reminder, payoff<\/a>. <\/p>\n<p>As in: The setup is when Luke insists he&#8217;s a pilot and they don&#8217;t need to waste their money hiring Han Solo to fly them somewhere. The reminder is when Luke tells Biggs the trench run will be &#8220;Just like Beggar&#8217;s Canyon back home!&#8221; And the payoff is when he successfully flies the mission to destroy the Death Star. If he just jumped into the X-Wing and flew the mission without the prior setup, it would have felt like a random ass-pull. If the writer left out the reminder, then it might have felt like being a pilot was just a very minor detail of his character (is he even a good pilot!?) and so  the end might have felt jarring and un-earned. The story needed to hit all three beats for this detail to work.<\/p>\n<p>Another example: The setup is when we see young Peter Quill listening to &#8220;Awesome Mix Vol 1&#8221;. The reminder is when we see grown Peter Quill willing to risk his life to recover the tape. And the payoff is when he gets &#8220;Awesome Mix Vol 2&#8221;. Without the setup we wouldn&#8217;t understand where the tape came from. Without the reminder we wouldn&#8217;t understand how much it meant to him.  <\/p>\n<p>I think this same structure applies to videogame tutorials. In fact, I think it&#8217;s even more important to games than it is to movies. <\/p>\n<p>The setup is when Alyx tells Gordon Freeman to remove the energy spheres from the thingy powering the gate, and the player learns that doing so results in powering things down and flinging awesome energy spheres all over the place. The reminder is when he gets to the Citadel and the place has energy sphere contraptions sprinkled all over the place, doing various stuff. The payoff is when those spheres are used in the final boss fight.<\/p>\n<p>Far too many games want to skip the reminder. They give you a brute-force tutorial message that says &#8220;If you encounter a Widget, you can Press X to defeat it.&#8221; Then two hours later you run into a widget-based boss fight you&#8217;re unprepared because you haven&#8217;t had to deal with widgets since the tutorial. <\/p>\n<p><div class='imagefull'><img src='https:\/\/www.shamusyoung.com\/twentysidedtale\/images\/ac_tutorial6.jpg' width=100% alt='Yes, this game gives us a little button-prompt tutorial to teach us how to knock out a mook. More importantly, the game will make sure we use this lesson again in the next ten minutes, so the knowledge will stick.' title='Yes, this game gives us a little button-prompt tutorial to teach us how to knock out a mook. More importantly, the game will make sure we use this lesson again in the next ten minutes, so the knowledge will stick.'\/><\/div><div class='mouseover-alt'>Yes, this game gives us a little button-prompt tutorial to teach us how to knock out a mook. More importantly, the game will make sure we use this lesson again in the next ten minutes, so the knowledge will stick.<\/div><\/p>\n<p>But Arkham City not only introduces concepts with the proper setup, it&#8217;s able to interleave multiple tutorials together without bringing the plot to a halt. In the first hour or so of the game, every single scene serves the dual purpose of advancing the plot while also guiding the player through the setup \/ reminder \/ payoff for a particular gameplay concept. <\/p>\n<p>The game will present you with a problem and tell you what buttons or actions will solve it. Then it lets you do something else for a couple of minutes before presenting you with the same challenge again as a reminder. After that, the game can be confident that you understand it, that you&#8217;ll remember it, and the concept can be mixed with others as part of standard gameplay.<\/p>\n<p>I&#8217;ve found that having you wait a couple of minutes before you do a task a second time is really good for signaling to the brain, &#8220;This is something you should remember.&#8221; It sticks out as something you&#8217;ll need to do in the future, and not one of those goofy one-off mechanics you find in games sometimes.<\/p>\n<p>Check out how much learning they pack into the first chapter without breaking the flow of the gameplay or story:<\/p>\n<h3>Multi-task Learning<\/h3>\n<p><div class='imagefull'><img src='https:\/\/www.shamusyoung.com\/twentysidedtale\/images\/ac_tutorial2.jpg' width=100% alt='Batman escapes the church just seconds before the tower explodes. This shot makes me wonder: Does Batman steer with his HEAD?' title='Batman escapes the church just seconds before the tower explodes. This shot makes me wonder: Does Batman steer with his HEAD?'\/><\/div><div class='mouseover-alt'>Batman escapes the church just seconds before the tower explodes. This shot makes me wonder: Does Batman steer with his HEAD?<\/div><\/p>\n<p>Batman investigates the scene where the sniper shot entered the courtroom. This is the tutorial on how detective mode investigations work. He discovers the shot came from the tower of the nearby church.  When he gets to the church, he has to deal with a hostage situation. A few minutes ago the game gave the player a quick tutorial on how to sneak up behind a lone guy and silently incapacitate him. This hostage situation reminds the player of how that works, and then offers a few variations on that same idea. <\/p>\n<p>When Batman reaches the top of the tower, he finds the sniper rifle. The game has you go into detective mode to examine the rifle. There&#8217;s no crime to solve here, and in fact Batman discovers a bomb and has to dive out the window to escape. This moment teaches you how to dive through windows while <i>also<\/i> acting as the reminder of how detective mode works, <i>and<\/i> it does so during an exciting action escape that keeps the excitement levels high <i>and<\/i> advances the story!<\/p>\n<p>These tutorials are safe mechanically but tense narratively. It&#8217;s not hard to pass these tests, but the hostage situation and the mystery of what the Joker is up to are there to keep you engaged so it doesn&#8217;t just feel like you&#8217;re &#8220;still in the tutorial&#8221;. Obviously you&#8217;re still in the tutorial because the game is teaching you things, but the point is that the story is <i>moving<\/i>, so it feels like you&#8217;re learning as you go rather than having the story stop so you can learn how to properly be the protagonist.<\/p>\n<p><div class='imagefull'><img src='https:\/\/www.shamusyoung.com\/twentysidedtale\/images\/ac_tutorial1.jpg' width=100% alt='Batman enters the steel mill through the chimney. It results in this shot, which I believe is contractually obligated to happen at least once in every story.' title='Batman enters the steel mill through the chimney. It results in this shot, which I believe is contractually obligated to happen at least once in every story.'\/><\/div><div class='mouseover-alt'>Batman enters the steel mill through the chimney. It results in this shot, which I believe is contractually obligated to happen at least once in every story.<\/div><\/p>\n<p>Batman discovers that Joker is hiding in the old steel mill on the opposite side of Arkham City. Once there, Batman has to enter through the steelworks rather than going through the front door. This leads to a series of very gentle &#8220;puzzles&#8221; designed to teach you the language of the game: <i>When you see a big rusty metal ring, it means it&#8217;s something you can grab with the grapnel hook. When you see a button you can&#8217;t reach, throw a batarang at it. Here&#8217;s how to walk on tightropes. Here&#8217;s how to navigate ledges. Here&#8217;s the reminder on how to drop down and hang from a ledge. Here&#8217;s how to enter crawlspaces. Here&#8217;s how to slide under things.<\/i><\/p>\n<p>Now, if this section was nothing more than a series of tutorials it might get a little dull. So we get some exposition. We can hear Harley Quinn yelling at Joker&#8217;s goons, and her dialog explains what&#8217;s going on. The Joker is sick. He might even be dying. They kidnapped a doctor to treat him, but the doctor couldn&#8217;t help him. The player might have learned this if they had stopped to eavesdrop on Joker&#8217;s goons on the way to the steel mill, but here the story makes sure you understand the important stuff.<\/p>\n<p>Exposition + tutorial is pretty good, but it still might feel a little slow, particularly for returning players. So the writer adds some tension to the scene by showing the doctor. The Joker is angry that she couldn&#8217;t help him, and so the doctor is thrown into his crowd of goons to be killed. So now we&#8217;ve got some excitement keeping the story lively. The player is learning their tools, getting exposition, and also in suspense over whether they will reach the doctor in time to save her. <\/p>\n<p><div class='imagefull'><img src='https:\/\/www.shamusyoung.com\/twentysidedtale\/images\/ac_tutorial3.jpg' width=100% alt='Batman is still making his way through the tunnels (???) under the loading bay when the goons gather around the doctor to kill her.' title='Batman is still making his way through the tunnels (???) under the loading bay when the goons gather around the doctor to kill her.'\/><\/div><div class='mouseover-alt'>Batman is still making his way through the tunnels (???) under the loading bay when the goons gather around the doctor to kill her.<\/div><\/p>\n<p>This is the sort of stuff we usually take for granted until a game gets it wrong. Tutorials are something we only notice when they&#8217;re bad. <\/p>\n<p>The doctor is dragged off, and Batman decides to stop hunting the Joker for a few minutes so he can rescue her. When he gets to where she&#8217;s being held we get yet another stealth section, but this time there are a few new mechanical bits to play around with. You can now hang from stuff on the ceiling and ambush guys when they walk underneath you. Also, your adversaries are mobile this time around. <\/p>\n<p>Batman saves the doctor, punches the goons in the face, and by the time it&#8217;s over the player has gone through the Setup &raquo; Reminder &raquo; Payoff for a dozen different gameplay concepts. <\/p>\n<p>When it&#8217;s over Batman adds another gizmo to his Bat-belt. Let&#8217;s talk about this gizmo.<\/p>\n<h3>A Gun? How Shocking!<\/h3>\n<p><div class='imagefull'><img src='https:\/\/www.shamusyoung.com\/twentysidedtale\/images\/ac_shotgun.jpg' width=100% alt='It turns out Batman is fine with guns. It&apos;s the BULLETS he hates.' title='It turns out Batman is fine with guns. It&apos;s the BULLETS he hates.'\/><\/div><div class='mouseover-alt'>It turns out Batman is fine with guns. It&apos;s the BULLETS he hates.<\/div><\/p>\n<p>Once Batman is done talking to the good doctor, he reaches into a nearby machine seemingly at random, scoops out some blue electricity goop, and then all of a sudden he&#8217;s got this shotgun-shaped thing that shoots electricity balls.<\/p>\n<p>Mechanically, this is fine. You use it to power up machines. It also reverses the polarity of electromagnets for reasons that I&#8217;m sure would make sense if I was a physicist and also insane. You use it to open doors, move machines around, and shock troublesome scoundrels in the heat of battle. It&#8217;s a fun little addition to the game that &#8211; unlike <a href=\"?p=21722\">the shock gloves in Arkham Origins<\/a> &#8211; takes its place <i>beside<\/i> your other tools in battle without overshadowing them.<\/p>\n<p>My problem is with the appearance of the device and how it&#8217;s introduced. Was Batman carrying around a weapon designed to shoot electrified gel just in case he found some? What is this thing and why was he carrying it around?<\/p>\n<p>The weapon is enormous compared to most of the other stuff Batman supposedly has on his utility belt. I get that the belt isn&#8217;t physically big enough to hold all of his gadgets at the same time, but that&#8217;s no reason to introduce something that&#8217;s obviously too big to be carried anywhere on his person. I&#8217;m willing to suspend my disbelief for the sake of comic book logic, but there&#8217;s an upper limit on how much <a href=\"https:\/\/en.wikipedia.org\/wiki\/Hammerspace\">Loony Toons spatial physics<\/a> my subconscious can ignore before it gives up and calls bullshit on the entire scene.<\/p>\n<p>Also, <i>this thing looks like a gun<\/i>. <\/p>\n<p>The thing is made of comic book science-magic anyway, so there&#8217;s no reason it couldn&#8217;t be small and not-gun shaped. Call them &#8220;electrified Batarangs&#8221; or something. Whatever. Just don&#8217;t have Batman carrying around enormous shotguns that serve no purpose and stowing them in the tiny pouches of his belt, because it will bug me and I&#8217;ll complain about it on my blog.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The brute-force approach to tutorials is to jam them all at the very front of the game. Some text boxes will tell you what buttons to push. Once you successfully complete the action you&#8217;re given another, then another, until you&#8217;ve got all the mechanics down. Then the story is allowed to proceed. This is bad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[607],"tags":[],"class_list":["post-37267","post","type-post","status-publish","format-standard","hentry","category-batman"],"_links":{"self":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts\/37267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37267"}],"version-history":[{"count":0,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=\/wp\/v2\/posts\/37267\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=37267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shamusyoung.com\/twentysidedtale\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=37267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}