GUI

Revision as of 09:28, 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 check 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) 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:

IntWMainPicNone=*.png - а graphic file for your main screen GUI. It's exactly as on the picture from above. IntWMain=coordinates - this is for determination of of main GUI window size.

IntBItemPicDown=*.png - picture for item/weapon slot IntBItem=coordinates - required to set the size of item/weapon button

IntBChangeSlotPicDown=*.png - changing item/weapon slot picture IntBChangeSlot=corrdinates - coordinates for item/weapon slot change button

IntBInvPicDown=*.png - inventory button picture IntBInv=coordinates - inventory button coordinates

IntBPipPicDown=*.png - PipBoy button picture IntBPip=coordinates - PipBoy button coordinates

IntBMapPicDown=*.png - Map (motion detector) button picture IntBMap=coordinates - Map (motion detector) button coordinates

IntBMenuPicDown=*.png - system menu (pause) button picture IntBMenu=coordinates - system menu (pause) button coordinates

IntBSkillPicDown=*.png - SkillDex button picture IntBSkill=coordinates - SkillDex button coordinates

IntBChaPicDown=*.png - Charcter page button picture IntBCha=coordinates - Charcter page button coordinates

IntBFixPicDown=*.png - FixBoy button picture IntBFix=coordinates - FixBoy button coordinates

IntHp=coordinates - Health Points indicator coordinates IntAc=coordinates - Armor Class indicator coordinates

IntAPgreenPic=*.png - picture for Action Points diode IntAPredPic=*.png - picture for indicating that you are currently unable to get Action Points (if you are knocked out/knocked down or running) IntAp=coordinates - Action Points indicator coordinates. If you'll use some special indicator (in shape of round of a star), you should set coordinates from the most wide left corner to the most wide right corner of a picture. IntApStepX=number - a number of pixels between two Action Points indicators for X axis IntApStepY=number - a number of pixels between two Action Points indicators for Y axis IntApMax=number - a numbert of maximum Action Points indicators available to a user.

IntWMess=coordinates - command for setting size of ingame chat IntWMessLarge=coordinates - command for setting size of enlarged ingame chat IntWAddMessPicNone=*.png - a picture which appears over normal game chat to enlarge it

to be continued