Dev Blog: OSRS Mobile

08/17/2017

It has almost been a month to the day that we announced Old School was coming to mobile. Naturally you had a lot of questions surrounding the announcement of what is arguably the biggest thing to ever happen to Old School RuneScape. There has been a constant clamour to know more about just how it's going to work, and understandably so, porting an expansive MMORPG to a mobile device is an incredibly ambitious project.


Touch Experience

Our core focus when porting Old School to mobile was recreating the authentic desktop experience designed by the Gowers. This blog will answer questions you might have regarding the game controls, it will also offer an insight into the considerations we've had in mind throughout development, and we'll also talk Beta testing.


Controls

When RuneScape was born, many of its controls were designed similarly to how you might interact with a webpage; with left-clicks to perform actions and right-clicks to create menus of actions, it was important that the game controls were intuitive and felt natural as back then you were playing within a browser.

We want to make OS Mobile feel as much like you’d naturally expect a mobile app as possible; sliding in a direction to rotate the camera, pinching to zoom and quick touch gestures to interact with entities or open a menu.

Ultimately, we’re aiming to have multiple options available for players to allow for customisation based on how you like to play the game; and when we move into Beta we’ll have these prototypes available for players to try out and provide feedback on.


Keyboard

One key difference between Desktop & Mobile is how a keyboard operates. Instead of a physical keyboard you have a digital one, appearing on demand in your screen space. Depending on how you like to play Old School, the keyboard can be totally irrelevant or incredibly valuable, so it’s important to us that the keyboard be both intuitive and available on demand for you. With that in mind, we’ll be making the keyboard automatically appear when you a text entry field, such as the chat window, and have it be quickly accessible via a simple gesture, should you want it to for other scenarios like menu shortcuts. In addition, we’re adjusting and amending various interfaces and HUDs to ensure they are not covered up by the on-screen keyboard.


Main Game Screen Interface

One of the biggest differences between the Mobile & Desktop clients is the layout of the main game screen interface. In our current iteration, we’ve moved the chat window to the top and split the side panel into two and placed the buttons on either side of the game frame, with the mini-map staying it is.

The reasons for this are straightforward; native mobile keyboards can only appear the bottom of the screen, meaning it would hide your chat window when visible; not ideal when it is the most likely place you’re going to type. We also considered how you would hold your mobile when playing Old School and how to maximize the amount of game world you can view, which led us to separate the side-panel. Having them split with the option to hide means they’re both in optimal positions to touch with your left or your right hand and meant that when collapsed you can see much more of the game. However, designs are not set in stone and the end result will very much depend on your feedback.

Once we’re in beta we’ll also be prototyping some additional features that should enhance the touch experience and we’re looking at various designs to ensure the functionality of features like shift-click to quickly drop items continues to be to possible on Mobile.

 


Here's a screenshot a very early build of the mobile client. Note that the chatbox is expanded, as is the skills tab.

 

Interface Scaling

The world of Mobile & Tablets has resolutions ranging 640 x 1136 to 1440 x 2048. On the higher resolutions with a smaller screen, the current interface sizes are rather small and can be difficult to accurately navigate with touch, so to address this we’ll be bringing Interface Scaling to both mobile and desktop, allowing you to the size that works best for you.


Game Feedback

Old School is not great at telling you what you’ve just done. When you click in the game world you’re met with a small X to indicate you’ve performed an action, which is either red or yellow. On desktop, this kind of works because it can be seen but when using touch, the X is generally hidden behind your finger. To address this, we’ll be prototyping several options for players to try out and give feedback on during the beta.
We’re still working on designs for these and will reveal more as we get closer to a beta release.


Game Updates

Weekly game updates are obviously a massive part of the Old School experience, and I know many of you are wondering how they’re going to work with the mobile apps.

Our weekly game updates will continue with Mobile and we have the process in place to ha

LiveChat