Create an account


Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
News - Don’t Miss: An in-depth breakdown of Dead Cells’ mobile port

#1
Don’t Miss: An in-depth breakdown of Dead Cells’ mobile port

<div style="margin: 5px 5% 10px 5%;"><img src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port.png" width="518" height="291" title="" alt="" /></div><div><p><strong>Laura Saada is lead&nbsp;producer at Paris-based <a href="https://playdigious.com/">Playdigious</a>.</strong></p>
<p><em>First of all, before anyone asks: yes, Dead Cells will be a premium mobile game. It is a premium game on PC, on consoles and it is a premium game on mobile. No argument here.</em></p>
<p>One year ago, Motion Twin (<em>Dead Cells’</em> developers) entrusted us to take on the challenge of bringing <em>Dead Cells</em> on mobile and granted us full latitude. It was a big day for Playdigious since <em>Dead Cells</em> won several prestigious awards, got some amazing coverage and of course a lot of players and us loved the game.</p>
<p>What a challenge! (And some pressure on our heads.)</p>
<p>When we started working on <em>Dead Cells</em>, we couldn’t even imagine what challenges were waiting for us around the corner. However, we’ve tackled challenging ports before. We previously worked on Shiro Games’ <em>Evoland 2</em>, a complex 20-hour-long RPG. Even its developers <a href="https://toucharcade.com/2016/04/25/evoland-2-developers-confirm-game-wont-release-on-mobile/">didn’t believe it was doable on mobile</a>, due to this complexity.</p>
<p>But we did it!</p>
<p>Now that you’ve got the setup, here we go: how do you port the precise, frenetic, action-packed, controller-centric roguevania game that is <em>Dead Cells</em> to mobile and tablets devices that utilize a single touch screen?</p>
<p>The first thing we did before anything else, was to <strong>make sure the game could run on mobile devices</strong>. We made a very rough first build, without controls or anything, just to check performances and see if there were any technical blockers. Spoilers: there weren’t.</p>
<p>A Switch version was also in the pipeline, so we weren’t that worried about it. The thing to know about mobile nowadays is that mobile devices are <em>way</em> more powerful than what a lot of people expect. Obviously, there are some additional constraints on the technical side, such as the variety of devices to manage, specific texture optimization, RAM usage, not to mention various OS versions. We won’t talk about the Android platform with strong GPU disparity etc. However, generally speaking, <strong>high-end mobile devices nowadays are very close to a Nintendo Switch in terms of technical power</strong>. So, if you’re planning a Switch version, please have a look at mobile and see if it would fit. It’s an awesome platform with a huge reach and there’re already some awesome games on it and…Ok I’ll stop here, this is for another article (sorry, but I do love mobile).&nbsp;</p>
<p>Let’s get back to <em>Dead Cells</em>. So, there were no technical blockers (we won’t talk about the Haxe/Heaps engine here and that’s not my place to do so anyway). I’m not saying this was easy — on the contrary, it was a very difficult task, but not impossible. Porting a game, specifically on mobile, is not trivial. It does require some hard work and I’m still really impressed with the work our developers are doing. However, with a little experience it gets easier. Unfortunately, <em>Dead Cells</em> won’t be supported on “old” devices but (thanks to QA) we are confident that it can run smoothly on all supported devices.</p>
<p><img alt src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port.png"><br /><strong>2.1 Controller settings PC</strong></p>
<p><img alt height="291" src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port-1.png" width="518"><br /><strong>2.2 Keyboard settings PC</strong></p>
<p>We knew (and will always know) that a mobile port will never be the exact same experience as it was on the original platform (PC or console). For <em>Dead Cells</em>, the main challenge was to take all the controls and find a way to make them enjoyable on mobile.</p>
<p>Now that a first build is here and works, it is time to start thinking about the UX and do some mock-ups and tests.</p>
<p>Where should we start?</p>
<p>On <em>Dead Cells,</em> one of the key features is movement. The player needs to move the character easily, run to the left, the right, crouch, and jump. This is a question we knew well, thanks to our previous porting experiences.</p>
<p>Moving left and right was not too difficult to solve: <strong>let’s use a virtual floating pad</strong>. It is way more precise today than it was in the past and lot of action games on mobile are using it. Players are already used to it, and we can tweak and tune it as much as we want.</p>
<p>Jump and Dodge, not so much. Both are required in <em>Dead Cells</em> and used <em>so</em> many times.</p>
<p>How could we let players use them easily?</p>
<p><img alt src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port-2.png"><br /><strong>3. First Jump and Dodge drafts</strong></p>
<p>My first mock-up was something like one button for both actions, and I wanted to let the player slide from one side of the button to another, to either jump or dodge without too much gesture. We tried a little.</p>
<p>That didn’t work. It was a nightmare to play, the precision was not here at all and players would mis-click every time. Big nope!</p>
<p>Let’s get back to basics, shall we? <strong>One button to jump and one button to dodge</strong>. With the right positioning, that could be it. We’re getting closer to the game feel we wanted. But still, this is a lot of buttons on screen, so we tried something else.</p>
<p>Get rid of the Dodge button and use a Swipe on the right part of the screen to dodge.</p>
<p>Yes! That works too!</p>
<p>“Swipe-to-Dodge” was a great idea but wasn’t the best for the whole team. It is a very different way of playing and we weren’t all happy with it. So, by default, we kept the basic two buttons idea.</p>
<p>Let’s talk about what came next: using skills, weapons, and potions; how to pass through a door without breaking it; how to talk to a character; how to pick up items or interact with stuff, etc.</p>
<p><strong>Skills &amp; Weapons:</strong> Jump and Dodge buttons worked well, ok let’s do the same! <strong>The challenge here was to find the right positioning for the virtual buttons.</strong> We checked other successful action games on mobile like <em>Fortnite </em>and <em>Lineage 2</em> to have a better understanding of players’ habits when playing: How do they move? How do they jump, How do they manage an interface with a lot of buttons? Thanks to benchmarks set by other games, we figured we were good here<em>.</em></p>
<p><img alt height="352" src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port-3.png" width="629"><em><strong>4. Lineage 2</strong></em></p>
<p><strong>Menu and Potion buttons (and homunculus but shhh! That comes later in the game):</strong> On PC you just have to press “Esc” to open the Menu and Settings; on consoles, you press Start or Options. But on mobile, you need something on screen to open it. For a long time, the Menu was just on the HP bar and we were used to it. It wasn’t the first time this was used on a mobile game; I was confident that it would be enough.</p>
<p>Good lesson here: <strong>When doing UX design = NEVER EVER EVER assume too many things for players</strong>. And please, playtest. Because yes, playtests showed me how wrong I was. Putting the Menu on the HP bar wasn’t enough at all, we needed a Menu icon! So, we listened and added one.</p>
<p><strong>Interaction:</strong> How should players control passing through doors, talking to characters, pick up items and weapons, etc.? How should all those different actions work on mobile? We didn’t want to add too many things or give players more controls to understand. One button would be enough, so we added exactly that: a new “Interact” button. Finding the right visual asset for this one was not an easy task but with the right icon and some visual signs and feedback, this button became very simple to understand and use.</p>
<p>For all of those buttons, <strong>a lot of mock-ups and tweaks were involved</strong>, but thanks to some playtests, we managed to get something nice. Additionally, right from the start, we had this idea of letting players choose how they wanted to play, so we integrated some nice features inspired by <em>Evoland 2</em>… But we’ll get back to that later. At that time, I still personally thought there were a lot of buttons in game, but when playing, I kind of just enjoyed the experience and forgot about that pretty quickly.</p>
<p>Ok let’s recap all the things we needed to fit on <em>one</em> <em>small screen</em>:</p>
<ul>
<li>A floating pad (left of the screen — no discussion here as players are used to it, so let’s not change their habits)</li>
<li>Jump and Dodge</li>
<li>Skills and Weapons</li>
<li>Potion</li>
<li>Menu</li>
<li>Interaction</li>
<li>+ all the UI already there on other platforms: HP bar – Gold &amp; Cells count – Map – Timer etc.</li>
</ul>
<p>And we needed to <strong>adapt to small screens and a completely different way of playing</strong>: holding the device with two hands wrapped around it, sometimes on the go.</p>
<p><strong>This required some harsh UI work.</strong></p>
<p>We just couldn’t keep the existing UI; everything was at the bottom of the screen, and this doesn’t work well on mobile since players have their hands and fingers there. They wouldn’t see a thing.</p>
<p>We moved almost everything; the HP bar got a new spot on the top left corner of the screen, with both Gold and Cells as good company. The Map is moved to the top right corner, with the Timer, Keys etc.</p>
<p>That left us a lot of space at the bottom – and that’s where we placed controls. We put the pad zone on the left and other controls on the right, with the little exception for the Potion and Homunculus controls behind the HP bar.</p>
<p><img alt height="291" src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port-4.png" width="518"><br /><strong>5.1 Original PC UI</strong></p>
<p><img alt height="289" src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port-5.png" width="518"><br /><strong>5.2 Mobile UI (WIP)</strong></p>
<p>We never found the perfect fit for every player. And this, just within the office. We all had our own ways of playing, our little habits playing the game on PC or consoles, and our little habits when playing on mobile in general.</p>
<p>What could we do? Easy. We did what we did for <em>Evoland 2</em> and what I expected we’d have to do from the start: Give the player freedom.</p>
<p>You can translate it as: <strong>let players customize their controls and experience to their needs and envy</strong>.</p>
<p>We did some playtests specifically for the mobile version, and one big thing that came up was that the right direction was to give players the freedom to customize their controls.</p>
<p>I already talked about it briefly, but as the button positioning was really tricky. We implemented what we call <strong>the custom controls: an interface in the Settings letting players move and resize the buttons as they want</strong>. We hope all our iterations on controls and positioning for the default settings will be enough but if not, that’s ok: controls can adapt a little to the players. We did limit it to positioning and size only, to make sure everything is still working nicely with those changes.</p>
<p><img alt height="352" src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port-6.png" width="633"></p>
<p><strong>6. Custom controls (WIP)</strong></p>
<p>Also, remember the test on <strong>Swipe to Dodge</strong> that we put aside? Surprise! It’s back! Not available by default but <strong>as an option</strong>. Players will just have to activate it et voilà!</p>
<p>Another option often asked is a fixed pad. This is something that came up with playtests and some past experience with mobile games. We can show it this way, <strong>80 percent of players prefers a floating pad and 20 percent a fixed pad</strong>. So, just like with the Swipe to Dodge, it’s now an option the player can activate or not.</p>
<p>One last thing: at the beginning of this article I was talking about mobile not being exactly the same experience compared to other platforms. That’s ok. On the suggestion of Motion Twin, we actually added a nice new game mode to make sure the core experience won’t be affected too much by those new controls. At first, we weren’t really convinced. However in the end, it became by far the team’s favorite control option. (Thanks again Motion Twin for pointing this out.)</p>
<p>The idea was to help already on-board <em>Dead Cells</em> players to make the transition to the mobile version, and maybe attract new players to discover the game this way. Or maybe, it was just to have a cool new way to play <em>Dead Cells</em> with a focus on placement, dodging and long-range attack. <strong>We called it Auto-Hit</strong>. As its name suggests, primary attack (melee attack) will hit automatically nearby enemies. One weapon slot is dedicated to melee weapons only, and the second for the rest (long-range and shields).</p>
<p><img alt height="354" src="https://www.sickgaming.net/blog/wp-content/uploads/2020/01/dont-miss-an-in-depth-breakdown-of-dead-cells-mobile-port-7.png" width="531"></p>
<p> <strong>8. Corgi jump</strong> </p>
<p>If we sum up, we now have:</p>
<ul>
<li><strong>A UI specifically thought for mobile (and tablet) </strong></li>
<li><strong>Two game modes: Original &amp; Auto-Hit </strong></li>
<li><strong>A custom controls feature (positioning and size)</strong></li>
<li><strong>An option to Swipe to Dodge instead of a button</strong></li>
<li><strong>An option for a fixed pad </strong></li>
<li><strong>External controller support (MFi and Bluetooth)</strong></li>
</ul>
<p>All of that to make sure we’re as close as we could get to the original PC and console experience.</p>
<p>When porting a game on mobile (or console or anywhere), you do have to make some concessions. You do have to make the controls and interfaces fit the aimed platform. But you can also embrace it and add or modify some features to push it to its full potential on that particular platform.</p>
<p>For us and <em>Dead Cells</em>, the difficulty was to translate all the controls to a touch screen (and on mobile, the controls are often the UI). We knew there wasn’t a perfect solution for everyone, so we decided very early to let players decide for themselves. There are controls by default, and I personally hope this will be a good fit for them as it is. But if not, a lot of other options are available. Hopefully players will appreciate those options and will enjoy this new experience of taking one of their favorite games everywhere.</p>
<p>Porting a game, any game, is not an easy task. There is an infinite constraint from the original platform to work with and that’s why a lot of developers are often frightened when talking about it. But it is not impossible. I agree, some games won’t be right for it, but during the porting process, some devs might discover new ways of playing, and some might work so well you’ll ask yourself “why wasn’t it on this platform before?!”</p>
</div>


https://www.sickgaming.net/blog/2020/01/...bile-port/
Reply



Forum Jump:


Users browsing this thread:
1 Guest(s)

Forum software by © MyBB Theme © iAndrew 2016