“How to customize the User Interface”


You can change the appearance of the game in all its aspects by substituting the image assets.
For doing so, you may use your favorite image editing software or vector graphics software, if you don't have any, we warmly encourage you to use GIMP, if you prefer working with pixels, or Inkscape if you prefer working with vectors. Both are free and open source software which running on Windows, Linux, OSX.

  1. Re-skinning the Graphical User Interface (GUI)
  2. Customize the Loader Screen
  3. Changing text in Info Screen
  4. Customizing the "how to play" screen

A) Re-skinning the Graphical User Interface (GUI) - top

Images used by the GUI are stored inside the folder data/img/gui/.
When you modify those images, please, try to keep their size unvaried, if not stated differently.


B) Customize the Loader Screen - top

You can customize the loader appearance by editing the corresponding section into the configuration file.
Moreover you can overwrite the image file located at data/img/gui/loading.png to change the image shown in the upper part of the loading screen.

C) Changing text in Info Screen - top

You have six title lines and six text lines for showing information onto the info screen.
Texts inside info screen vary according the user browser/device language preferences, if you are making a multi-language game you have to write such texts in every language files.
Language files are located into the folder data/local/
The fields you have to edit/translate are:
title1, text1, title2, text2, title3, text3, title4, text4, title5, text5, title6, text6.


D) Customizing the "how to play" screen - top

"How to play" screen (or help screen) is a combination of texts and images disposed in a series of pages. You have up to five pages to use.
Text are stored into the language files in data/local/ folder.
You can set different instruction for mobile devices and personal computers. You have texts for page 1 page 2 and so on in p1, p2, p3, p4 and p5 fields, those fields are available for personal computers (howToPlay_desktop) and for mobile devices (howToPlay_mobile).
Images for help pages are stored in data/img/gui/help_mobile.png for mobile and data/img/gui/help_desktop.png for personal computers. You can think at them as they were animation sheets arranged as vertical stack where each page uses a single frame. Each frame is 180 pixel height, the number of total frames sets the number of pages you get.



Go To Table of Contents