Game Link: Racer Master Game
Podcast available at: podcast recordings
Why “Racer Master”:
This localized JavaScript browser game is brought to you by me and my friend Aaron (Aaron’s Portfolio). The choice stemmed from our enthusiasm for racing games and the intriguing challenge posed by “Racer Master,” which involved localizing both its text and audio components.
Process Overview:
Our objective was to localize the game so flawlessly that players would not be able to tell its original language. This meant translating and adapting all the text and audio into Chinese to create an engaging and culturally attuned gaming experience. We employed a methodical and collaborative approach, utilizing tools like Visual Studio Code, 24 wayz, Google Drive, Excel, Microsoft Teams, and Google Speech Synthesis. We streamlined our communication using Microsoft Teams and Google Sheets, which helped us coordinate effectively and monitor our progress.
We faced typical game localization hurdles, including text expansion, placement issues, and text order ranking. Overcoming these challenges required meticulous planning and adaptation to ensure the translations fit the game’s design and preserved the original story’s essence.
Detailed Project Walkthrough for Localizing “Racer Master”:
1. Extract Text and Assets for Translation
- Identified and extracted text elements and TTS scripts from the game, ensuring all relevant components were included for translation.
- The initial challenge involved meticulously separating the vast amount of game coding into manageable segments. The original code was extremely difficult to read – it was all jammed together and really hard on the eyes, utilizing 24ways, we wrapped the strings, focusing on maintaining game integrity while preparing for localization.
(Messy Code)
2. Organize the Translation Files
- Translatable elements were systematically organized into Excel spreadsheets. This process was streamlined by converting locale JSON files into a format suitable for translating.
- For TTS, we prepared phonetic guides for complex or unique pronunciations to ensure accuracy in the target language.
3. Use Visual Studio Code for Localization
- Leveraged Visual Studio Code with extensions supporting Chinese TTS, enabling us to preview and adjust the pronunciation of translated text.
- A significant hurdle was managing text size and placement due to language differences, necessitating manual code adjustments for optimal display in Chinese.
4. Selecting and Integrating TTS (Text-to-Speech) Engines
- Conducted thorough research to select TTS engines compatible with Chinese, focusing on natural speech quality.
- Configured TTS settings like speech rate and pitch. A custom ‘getvoices’ command was developed to integrate Google’s speech synthesis for accurate Chinese speech output.
5. Test the Translations and TTS In-Game
- Implemented the translations and TTS in the game, conducting extensive testing for both visual display and audio output.
- Focused on identifying and rectifying any pronunciation issues or unnatural phrasing in the TTS output.
6. Iterate Based on Feedback
- Actively sought feedback on the TTS output, focusing on naturalness, pronunciation accuracy, and overall fit within the game’s context.
7. Final Quality Assurance
- Ensured the seamless integration of both text and TTS translations, maintaining consistency between spoken and written content.
- Conducted a thorough review to identify and rectify any overlooked elements.
8. Release and Patches
- Launched the localized version of “Racer Master” with comprehensive text and TTS adaptation.
Challenges and Resolutions
Text Expansion & Location
Description: When localizing into Chinese, text often expands due to the complexity of characters. This expansion can cause layout issues, especially in menus, dialog boxes, and UI elements. Additionally, the physical location of text in the game’s visual scenes might need adjustment to suit the reading flow and aesthetics preferred by Chinese players.
Solution: Implement dynamic UI layouts that can adapt to different text lengths. Consider using scalable vector graphics (SVGs) for UI elements. For the location of text, conduct user testing with Chinese players to understand optimal placement and adjust the game’s design accordingly. Ensure that developers and designers work closely to maintain the balance between aesthetics and functionality.
Text Order Ranking
Description: In many Asian languages, including Chinese, the grammatical structure and therefore the order of words can be significantly different from English. This difference can affect the ranking or priority of text in lists, menus, or instructions, potentially causing confusion or misinterpretation.
Solution: Making sure that the text order in menus and instructions aligns with the natural flow of the Chinese language. This might involve restructuring sentences or changing the layout of lists and menus. Additionally, use A/B testing or focus groups to determine the most intuitive and user-friendly text arrangement for Chinese players, ensuring that the game’s navigation remains logical and clear.
Communication and Collaboration
- Team Meetings: Held regular team meetings to discuss progress and address challenges, maintaining alignment on project goals.
- Tools: Utilized Microsoft Teams for daily communication and efficient file sharing.
- Documentation: Maintained detailed and accessible documentation via Google Docs, ensuring all team members had up-to-date information and resources.
Reflections
When we started localizing “Racer Master” into Chinese, we thought it’d be pretty straightforward. Spoiler alert: it wasn’t! Translating text and tweaking Text-to-Speech (TTS) for a new language? Yeah, it’s way more intricate than it sounds. We had to get into the nitty-gritty of not just words, but cultural contexts too. And let me tell you, tools like Visual Studio Code and Google’s speech synthesis? They looked super techy and intimidating at first, but boy, did they become our best friends in this whole process.
The real eye-opener was working on the TTS for Chinese. It’s so different from English, and it wasn’t just about the tech stuff. We really had to get into the mindset of how Chinese is spoken, its tones, its rhythms. It was a crash course in empathy, trying to imagine how a player would feel experiencing the game in their own language. Looking back, it’s pretty clear: this wasn’t just a tech project. It was a full-blown cultural and team bonding adventure. And the best part? We got to open up “Racer Master” to a whole bunch of new gamers. How cool is that?