Saturday, September 5, 2015

RKS Developer Diary #2 - Options, Options, Options

Hello again!  It's time for episode two of the RKS Developer Diary!

This time, we'll be having a look at the game's Options Menu (click on each thumbnail to show the full-sized graphic).  This is where we start to see the differences between an amateur effort and a professional endeavor.  As many of you may recall, Isemiya and WOMI gave us their blessing to translate Rosenkreuzstilette into English back in 2009.  But that was the extent of their involvement; we translated the text, cleaned up and edited the graphics, and hacked the text in the game executable on our own.  In some cases, cleaning the original graphics without the original source files proved to be impossible, so we had to rebuild many of the images from scratch.  The Options Menu is definitely the area that demanded the most reconstructive work, as you can see in the screenshots below and to the right.

Some of you might be wondering why we would even need to revise the Options Menu in the first place.  After all, the Options Menu in the original Japanese version of the game was in English, right?  This is where a background in Computer Science and experience in technical writing is critical.

I'm sure every single one of you know what a keyboard is in a computing context.  You know what a mouse is.  You know what a window is.  What a recycling bin is.  A control panel.  An address.  A shortcut.  A cookie.  These are all terms that, although they have given meanings in English, have very specific meanings in the domain of computers.  To English-speaking computer gamers, these terms are standardized; we expect consistency across all of the games we play and instantly know what each expression means when we see them.  If a game for some reason refers to a screen as a panel, we'd all be thrown for a moment since this isn't the standard name for a computer display.

In RKS, the Japanese version of the Options Menu was not made with English computing standards in mind, yielding settings with confusing and sometimes indecipherable labels.  The best example of this would be "Back Ground", which controls how the game behaves when you switch your focus to a window other than the RKS game window (for instance, when you open a web browser while the game is running).  Depending on your selection, the game can automatically pause the action, or it can keep running in the background uninterrupted.  The term "Back Ground" is inadequate in describing what the setting actually does, and the fact that the word is misspelled doesn't help matters, either.  Add to this the fact that, when hacking the executable, the English text (the options themselves and the scrolling descriptions) must be shorter than or equal to the size of the original Japanese, we see that the labels for each setting need to be self-explanatory.  So, after much thought, "Back Ground", "Run", and "Stop" became "Background Behavior", "Run", and "Pause" ("Play" and "Pause" in the official version since size limitations were no longer an issue).

On the subject of size limitations:  because we only had so much room in which to fit the English descriptions of each of the volume settings and their shortcut keys, we had to leave out the fact that you could press the Confirm button to play a sample sound effect or voice clip in our original fan translation.  We're glad to restore this detail in the official release.

Given the constraints we had to work with, I'm proud of how the Options Menu in our fan translation turned out.  Of course, I'm not the type to pass up on an opportunity to improve on our work, so when RKS was officially licensed, I knew I just had to rebuild the Options Menu a second time using the original source files as a base.  I applied this philosophy to every graphic in the game.  Was it worth it?  You can see the results for yourself.

One of the advantages of having layered image files and the original source code is that you can fine-tune practically anything.  That is an advantage we simply had to make use of.  Have a look at Grolla's version of the control configuration screen to the left (officially rendered as "Controls").  Admittedly, rebuilding this particular graphic was extremely easy: tint the background, add a translucent window, typeset the text, done.  I added a subtle "frame" effect to the outside of the window and carried over the shadows behind each individual item, but there's otherwise nothing remarkable about this graphic aside from maybe the coloring being just a little off from the original.  Taking a cue from Spiritia's version, I decided to work in as many design elements as I could into Grolla's rendition for the official release.  The silhouette, the decorative trim on the left and right sides of the window, repositioning the graphical elements to make better use of the space and give the image some much-needed graphical balance -- things that would have been impossible without access to the source files.  As you can imagine, I'm very pleased with the results.

I feel I should mention something that many translators and even programmers tend to overlook when designing the visual look of their work:  the concept of alignment.  For every graphical element on the screen, imagine a line running vertically through the middle of that object, another line along its left edge, and a third along its right edge.  Check if these lines run through the same points on the elements above or below the one you're focusing on.  Do they line up?  Is the element itself aligned to the left edge?  The right edge? The center?  None of the above?  Where the alignment is inconsistent, does it complement another visual element?  If not, should you change it to be consistent with the rest of the design?

Take a closer look at the Japanese version of the Options Menu.  Notice that there's no real design philosophy to to the "Draw Frequency" ("Refresh Rate") option selections on the right.  Barring this one aberration (and a superb design choice to align the right side of the Volume labels with the left side volume bars, effectively combining them into a single well-defined line), all of the text is left-aligned.  So, how do you correct the outlier?  Line it up with the options above it.  And, since there's a lot of empty space on the left, nudge everything just a little to the left to fill up that space and give the settings on the right a bit more room between them.

Now have a look at the Japanese version of the Controls Menu and notice how much more chaotic it is compared to the Options Menu.  Sure, everything is still left-aligned, but the button labels are aligned to four different left margins.  This is the kind of design you use when you subtly want something to feel off.  Since this is likely not what WOMI intended, the localized versions instead center the text along a single line (and the official version expands on this by auto-centering the button mappings using some brand-new code).  The results speak for themselves.

Wow, ten paragraphs on just the Options Menu!  Did this entry help you learn a thing or two about standardized terminology or design?  Or was all you got out of it that we're perfectionistic control freaks?  Well, whatever you learned, we have plenty more aspects of the game we can go over before it's ready for launch.  Feel free to suggest a topic for a future Developer Diary in the comments.  And, of course, please spread the word and look forward to the official English release of Rosenkreuzstilette!

8 comments:

  1. Wow. A lot of those details seemed very complicated and went over my head, but I still read them all. It's quite clear you care very much about RKS and this project.
    I saw on prefundia there was going to be a selectable difficulty setting. I'm definitely happy about that... but I must ask where in the game is it going to be? Is it going to be added to this options menu?
    And... have you decided yet on whether or not there will be a save feature?

    Oh... and I saw your comment in the other thread. Nice to hear from you. The OCRemix thing is quite unfortunate... though I can't say I was there at the time to fully understand what was going on. Sounds to me though like a typical situation of people backing out of something they agreed to do. Perhaps they got overwhelmed... but it still bugs me when they handle that by disappearing or ignoring people. I've been there plenty of times in my dealings with people. If you want to back out of something like that, you need to at least be honest and talk to the people involved. Anyway, hope things go well for you in the future.

    ReplyDelete
    Replies
    1. Yep. We're paying extremely close attention to the details, and my inner perfectionist is having the time of his life with this project. Wait till you see how I handled localizing the Stage Select Screen!

      The screenshots above reflect only the base game at the moment. If we're able to implement a difficulty select into the game without breaking the replay feature, I'd ideally want to put the selector on a new page in the Options Menu (along with the other optional features). If that's not possible, I'd considering integrating that into the game's modes, keeping Story Mode as the standard difficulty while making Arcade Mode "arcade hard". We'll see how things go...

      As for the save function: I've overhauled the password system in such a way that a save feature is now unnecessary. I'll go into detail on this subject in a future Dev Diary. For now, I can safely say that RKSF's password system has been completely replaced, while the first RKS' has been minimally touched-up.

      I don't think OCR backed out of the arrangement or ever intended to. In a few cases, they sent messages that I ultimately never received for some reason; neither side really knows what happened. Either way, I mean what I said about a communication breakdown because that's what happened -- nothing more, and nothing less. Don't fault them too much for what appears to be circumstances outside their control. Like I said, if someone wants to try and get things going between us again, I have no objections, but I have more urgents matters to focus my attention on at the moment.

      Delete
    2. Alright... I won't fault them. Sorry if I misread that bit. I'm not sure what I myself can do though. I will have to think. ♥

      Delete
  2. If some kind of difficulty select thing was ever implemented, something like Mega Man Rock Force or Rockman 4 Minus Infinity where you could tweak particular features to be either more or less difficult would be a cool addition, though I wouldn't hold my breath on it seeing as it'd make any replay files incompatible unless they're modified to remember the settings set before recording. And of course there'd be preset/default difficulties (possibly 4, with 2 being the current standard difficulty).

    Anyways good to hear that the password system will be getting an overhaul. It's not a true save system but at least it'll be better than what we have now.

    I do hope that these English re-releases add in some easter eggs aside from the planned dev diary, like odd passwords to play the game in unusual ways and secret bosses if the game is played on higher difficulties.

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. Translators and programmers could really learn a thing or two (and more) from you. Lately I've been harping on how badly the localization of Dracue Software's armored hunter GUNHOUND EX turned out when it was published through Playism and Steam, and thankfully I'm not the only one that thinks the game has a bad English localization. It gets a bunch of things wrong with the game's Options menu and there are instances of typos, errors, and in one case, I found leftover untranslated text in the menus and the game's story. I've made a thread on Steam for the game where I pointed out some of the game's problems, both in the game's localization and the game itself, as well as a copypasta of some ideas I wish where implemented in fixing the game's English translation linked though Pastebin. So far I've listen some suggestion for the game's menus but I did mention the errors I've found on the thread. I'm going to include the problems with the localization of the game when I review the game on Steam and Playism. My suggestions for fixing the translation might be crappy though.
    - http://steamcommunity.com/app/273240/discussions/1/615086038669560277/

    ReplyDelete
  5. Very cool. When the project is in place I'll enjoy it for sure

    ReplyDelete