GUI

From FOnline: 2238 Wiki
(Difference between revisions)
Jump to: navigation, search
m (Add: Link to Pip-Boy)
 
(11 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 +
{{Outdated}}
 +
 
[[File:Gui.jpg|thumb|200px|GUI]]
 
[[File:Gui.jpg|thumb|200px|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.
 
'''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==
  
 
А Standard Fonline GUI offers to a user following info:
 
А Standard Fonline GUI offers to a user following info:
−
* In-game chat
+
* [[In-game chat]]
−
* Changing weapon/item slots
+
* Changing active [[item/weapon slot]]
−
* Available action points
+
* Available Action Points ([[AP]])
−
* Current Health Points (HP)
+
* Current Health Points ([[HP]])
−
* Current Armor Class (AC)
+
* Current Armor Class ([[AC]])
−
* Map - Motion detector button
+
* Map - [[Motion Scanner]]
−
* Character button
+
* [[Character]] button
−
* Inventory button
+
* [[Inventory]] button
 
* [[Pip-Boy]] button
 
* [[Pip-Boy]] button
−
* Fix-Boy button
+
* [[Fix-Boy]] button
−
* Skilldex button
+
* [[Skilldex]] button
 
* Turn/Combat End button (in Combat Mode only)
 
* 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.  
 
User could interact with any button by pressing it on virtual GUI using a mouse or using a keyboard.  
  
−
'''Custom GUI's'''
+
==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:
 
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:
Line 32: Line 34:
 
# Futuristic Combat Interface by seb910
 
# Futuristic Combat Interface by seb910
  
−
'''Creating your own Fonline GUI'''
+
Currently developed GUIs can be found in [http://fonline2238.net/forum/index.php?board=23.0 "Tools and Modifications"] on official forum.
 +
 
 +
===Installing custom GUI===
 +
To install a GUI mod simply copy mod files into proper directory.
 +
 
 +
Path to interface files should look something like this:
 +
 
 +
X:\Games\FOnline2238\data\art\intrface\
 +
 
 +
==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.
 
To create a new graphic user interface you'll need - lots of patience and time, some talent and some skill in graphic editors.
Line 48: Line 59:
  
 
So, here we go, following is the list of ini-commands, which would help you to make your own interface:
 
So, here we go, following is the list of ini-commands, which would help you to make your own interface:
 +
 +
==List of ini-commands==
  
 
{| border="1"
 
{| border="1"
Line 60: Line 73:
 
|-
 
|-
 
! IntBItemPicDown
 
! IntBItemPicDown
−
| Graphic file || Picture for item/weapon slot
+
| Graphic file || Picture for [[item/weapon slot]]
 
|-
 
|-
 
! IntBItem
 
! IntBItem
Line 66: Line 79:
 
|-
 
|-
 
! IntBChangeSlotPicDown
 
! IntBChangeSlotPicDown
−
| Graphic file || Changing item/weapon slot picture
+
| Graphic file || Changing [[item/weapon slot]] picture
 
|-
 
|-
 
! IntBChangeSlot
 
! IntBChangeSlot
 
| Coordinates
 
| Coordinates
−
| Item/weapon slot change button
+
| [[Item/weapon slot]] change button
 
|-
 
|-
 
! IntBInvPicDown
 
! IntBInvPicDown
−
| Graphic file || Inventory button picture
+
| Graphic file || [[Inventory]] button picture
 
|-
 
|-
 
! IntBInv
 
! IntBInv
 
| Coordinates
 
| Coordinates
−
| Inventory button coordinates
+
| [[Inventory]] button coordinates
 
|-
 
|-
 
! IntBPipPicDown
 
! IntBPipPicDown
−
| Graphic file || PipBoy button picture
+
| Graphic file || [[PipBoy]] button picture
 
|-
 
|-
 
! IntBPip
 
! IntBPip
 
| Coordinates
 
| Coordinates
−
| PipBoy button coordinates
+
| [[PipBoy]] button coordinates
 
|-
 
|-
 
! IntBMapPicDown
 
! IntBMapPicDown
Line 101: Line 114:
 
|-
 
|-
 
! IntBSkillPicDown
 
! IntBSkillPicDown
−
| Graphic file || SkillDex button picture
+
| Graphic file || [[Skilldex]] button picture
 
|-
 
|-
 
! IntBSkill
 
! IntBSkill
 
| Coordinates
 
| Coordinates
−
| SkillDex button coordinates
+
| [[Skilldex]] button coordinates
 
|-
 
|-
 
! IntBChaPicDown
 
! IntBChaPicDown
 
| Graphic file
 
| Graphic file
−
| Charcter page button picture
+
| [[Character]] page button picture
 
|-
 
|-
 
! IntBCha
 
! IntBCha
 
| Coordinates
 
| Coordinates
−
| Charcter page button coordinates
+
| [[Character]] page button coordinates
 
|-
 
|-
 
! IntBFixPicDown
 
! IntBFixPicDown
 
| Graphic file
 
| Graphic file
−
| FixBoy button picture
+
| [[FixBoy]] button picture
 
|-
 
|-
 
! IntBFix
 
! IntBFix
 
| Coordinates
 
| Coordinates
−
| FixBoy button coordinates
+
| [[FixBoy]] button coordinates
 
|-
 
|-
 
! IntHp
 
! IntHp
 
| Coordinates
 
| Coordinates
−
| Health Points indicator coordinates
+
| [[Health Points]] indicator coordinates
 
|-
 
|-
 
! IntAc
 
! IntAc
 
| Coordinates
 
| Coordinates
−
| Armor Class indicator coordinates
+
| [[Armor Class]] indicator coordinates
 
|-
 
|-
 
! IntAPgreenPic
 
! IntAPgreenPic
 
| Graphic file
 
| Graphic file
−
| Picture for Action Points diode
+
| Picture for [[Action Points]] diode
 
|-
 
|-
 
! IntAPredPic
 
! IntAPredPic
 
| Graphic file
 
| Graphic file
−
| Picture for indicating that you are currently unable to get Action Points (if you are knocked out/knocked down or running)
+
| Picture for indicating that you are currently unable to get [[Action Points]] (if you are [[knocked out]]/[[knocked down]] or [[running]])
 
|-
 
|-
 
! IntAp
 
! IntAp
 
| Coordinates
 
| 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.
+
| [[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
 
! IntApStepX
 
| Number
 
| Number
−
| Number of pixels between two Action Points indicators for X axis
+
| Number of pixels between two [[Action Points]] indicators for X axis
 
|-
 
|-
 
! IntApStepY
 
! IntApStepY
 
| Number
 
| Number
−
| Number of pixels between two Action Points indicators for Y axis
+
| Number of pixels between two [[Action Points]] indicators for Y axis
 
|-
 
|-
 
! IntApMax
 
! IntApMax
 
| Number
 
| Number
−
| Number of maximum Action Points indicators available to a user.
+
| Number of maximum [[Action Points]] indicators available to a user.
 
|-
 
|-
 
! IntWMess
 
! IntWMess
 
| Coordinates
 
| Coordinates
−
| Command for setting size of in-game chat  
+
| Command for setting size of [[in-game chat]]
 
|-
 
|-
 
! IntWMessLarge
 
! IntWMessLarge
 
| Coordinates
 
| Coordinates
−
| Command for setting size of enlarged in-game chat
+
| Command for setting size of enlarged [[in-game chat]]
 
|-
 
|-
 
! IntWAddMessPicNone
 
! IntWAddMessPicNone
 
| Coordinates
 
| Coordinates
−
| A picture which appears over normal game chat to enlarge it
+
| A picture which appears over normal [[in-game chat]] to enlarge it
 
|}
 
|}
  
 
to be continued
 
to be continued
 +
 +
[[Category:Interface]]

Latest revision as of 04:22, 27 November 2012

Broken Computer.png Warning
Some information on this page or section may be outdated. Proceed with caution.
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.

Contents

[edit] Standard Fonline GUI

А Standard Fonline GUI offers to a user following info:

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

[edit] 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

Currently developed GUIs can be found in "Tools and Modifications" on official forum.

[edit] Installing custom GUI

To install a GUI mod simply copy mod files into proper directory.

Path to interface files should look something like this:

X:\Games\FOnline2238\data\art\intrface\

[edit] 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
Any file could have any name, but it should be written in default.ini, to let the game recognize it as file according to game.

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:

[edit] List of ini-commands

Commands list
Command name Command type Command description
IntWMainPicNone Graphic file 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 Graphic file Picture for item/weapon slot
IntBItem coordinates Setting the size of item/weapon button
IntBChangeSlotPicDown Graphic file Changing item/weapon slot picture
IntBChangeSlot Coordinates Item/weapon slot change button
IntBInvPicDown Graphic file Inventory button picture
IntBInv Coordinates Inventory button coordinates
IntBPipPicDown Graphic file PipBoy button picture
IntBPip Coordinates PipBoy button coordinates
IntBMapPicDown Coordinates Map (motion detector) button picture
IntBMap Coordinates Map (motion detector) button coordinates
IntBMenuPicDown Graphic file System menu (pause) button picture
IntBMenu Coordinates System menu (pause) button coordinates
IntBSkillPicDown Graphic file Skilldex button picture
IntBSkill Coordinates Skilldex button coordinates
IntBChaPicDown Graphic file Character page button picture
IntBCha Coordinates Character page button coordinates
IntBFixPicDown Graphic file FixBoy button picture
IntBFix Coordinates FixBoy button coordinates
IntHp Coordinates Health Points indicator coordinates
IntAc Coordinates Armor Class indicator coordinates
IntAPgreenPic Graphic file Picture for Action Points diode
IntAPredPic Graphic file 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 Number of pixels between two Action Points indicators for X axis
IntApStepY Number Number of pixels between two Action Points indicators for Y axis
IntApMax Number Number of maximum Action Points indicators available to a user.
IntWMess Coordinates Command for setting size of in-game chat
IntWMessLarge Coordinates Command for setting size of enlarged in-game chat
IntWAddMessPicNone Coordinates A picture which appears over normal in-game chat to enlarge it

to be continued

Retrieved from "https://fo2238.fodev.net/wiki/index.php?title=GUI&oldid=25269"
Personal tools
Contribute