GUI

Revision as of 17:19, 1 July 2010

GUI

GUI is an acronym and stands for Graphic User Interface. It allows people to interact with game client in Fonline by pressing buttons on it or by watching on it. A Fonline GUI offers graphical icons, and visual indicators, to fully represent the information and actions available to a user. The actions are usually performed through watching the game chat and finishing turn/combat in Turn-Based mode.

Standard Fonline GUI

А Standard Fonline GUI offers to a user following info:

• In-game chat
• Changing weapon/item slots
• Available acion points
• Current Health Points (HP)
• Current Armor Class (AC)
• Map - Motion detector button
• Character button
• Inventory button
• Pip-Boy button
• Fix-Boy button
• Skilldex button
• Turn/Combat End button (in Combat Mode only)

User could interact with any button by pressing it on virtual GUI using a mouse or using a keyboard.

Custom GUI's

Currently, there is quite a few of modified interfaces available for every Fonline player. This happens because of insufficient number of available info about interface modding. This becomes the reason of complexity in the development. Nevertheless, there is some interfaces made without of any guides. The following is a list of those interfaces:

1. 1024x768 Interface mod 1.0 by WHINE Team
2. Minimal Interface by WHINE Team
3. Sharp Interface mod by Graf
4. HUD Interface mod by Warger
5. Printed Circuit Board interface by gurglak
6. Combat Interface by Graf
7. Fallout 2 Style Interface by Reconite
8. Futuristic Combat Interface by seb910

Creating your own Fonline GUI

To create a new graphic user interface you'll need - lots of patience and time, some talent and some skill in graphic editors. First of all, to start making a new interface, you should make an image, which will be shown as GUI in the game. It could be maximum as big, as the screen dimension is, but usually it is set at 800x120, 1024x120 or 1280x120, depending on the interface resolution. Setting its height on the size of your chat could save you a lot of time.

Example of main graphic user interface file

After making such image, you should also add button, diode and other graphic files(every button have its own image).To make sure that you did everything correctly, you better download some custom GUI and compare it.

The most difficult thing in modding isn't making graphic files, but working with .ini

Rules for setting coordinates in ini-file:

1. Button coordinates usually (if different isn't specified by command type - number) have four coordinates, which are divided by spaces. First two numbers mean distance from left top corner of your button to general top left corner of your GUI. Other two numbers mean distance from right bottom corner to left top corner of your GUI.
2. If you want to turn-off any button, then you should set it coordinates to "0 0 0 0" (without quotes)
3. It is best to use some simple graphic editor to determine coordinates. Paint or Paint.NET will do.

So, here we go, following is the list of ini-commands, which would help you to make your own interface:

to be continued