View Single Post
Old 10-18-2007, 02:25 PM   #1
Join Date: Jul 2007
Posts: 70

Submissions (5)

Argus will become famous soon enough (34)Argus will become famous soon enough (34)

Default UI Mods Tutorial

UI Modification
This Tutorial is about how to edit the existing Interface (The part of the screen ingame that shows for example time, resources, selected units etc.) of Warcraft 3. There are some created UI Mods available but since they are alot more difficult to edit than a skin or an icon there aren't many available. In this tutorial I will be using Unwirklich's Pandaren Interface so credits to him for it (I got my inspiration to write this tutorial from his wonderful UI mods so more credits to him I suppose). The image below shows how it should look when you are done. Credits to Norinrad's Pandaren Sage to as it is seen in the images.

Zoom (requires log in)

Step 1. Importing

All full UI mods contains the following files:

An Inventory cover (1)
Time Indicator Frame (2)
Tiles 1-4 (3)
Cursor (4)
Inventory Slotfiller (5)
Cinematic Border (6)
A "Spell Area of Effect" See Image (7)
And finally: the Options Menu Border

Zoom (requires log in)Zoom (requires log in)

If your UI mod doesn't contain all these it's ok. But hopefully the designer made them look good together with another allready
in game UI (Human, Orc, Undead or Night Elf). But if you have
all of the above then it is adviced that you use them all.

Step 2. Paths

Next we have to change the paths for the UI to replace an
allready existing UI. You can NOT use all the ingame UI's AND
the imported one simply becuse there are only 4 races to chose from
thus making it impossible (unless you creating a modification for
the entire wc3 program.) for the game to show the UI for a player.
In the example I will be replacing the Night Elves. Please note
that changing the paths on the imported files is the "hard way".
If you are making a singleplayer map or a campaign you can
change the gameplay interface but I will put that in the end of
the tutorial. Now there are sertain paths that MUST be used.

For the:
  • Inventory Cover: UI\Console\*race*\*race*UITile-InventoryCover.blp
  • Time Indicator Frame: UI\Console\*race*\*race*UITile-TimeIndicatorFrame.blp
  • Tile 1: UI\Console\*race*\*race*UITile1.blp
  • Tile 2: UI\Console\*race*\*race*UITile2.blp
  • Tile 3: UI\Console\*race*\*race*UITile3.blp
  • Tile 4: UI\Console\*race*\*race*UITile4.blp
  • Cursor: UI\Cursor\*race*Cursor.blp
  • Inventory Slotfiller: UI\Widgets\Console\*race*\*race*-inventory-slotfiller.blp
  • Cinematic Border: UI\Widgets\EscMenu\*race*\*race*-cinematic-border.blp
  • Spell Area of Effect: ReplaceableTextures\Selection\SpellAreaOfEffect_*race*.blp*
  • Options Menu Border: UI\Widgets\EscMenu\*race*\*race*-options-menu-border.blp
    *: In the SpellAreaOfEffect the night elves are a bit diffrent as
    it is "ReplaceableTextures\Selection\SpellAreaOfEffect_NE.blp"

Step 3. Testing

Be sure to test you map in case you have gotten any paths or such wrong.

Step 4. Extra (Singleplayer)

If you are making a singleplayer map or campaign you can take a shortcut by changing the game's interface on your map. First open the map in question then click the advanced button in the upper part of the World Editor next to tools. Choose "Game Interface", the fifth alternative from the top. Scroll down untill you get to the part where everything starts with "Image -" look for "Image - Cinematic Border". Check the little box in the upper left corner that says "Use Custom Game Interface". Now dubble-click the cinematic border line and change the path via the imported section. Do the same with the other imported files. To give you a challange you get to find out where to
put what on your own.

This is the end of the tutorial. If you have any questions post them in this thread and I will answer. It's better that evryone that has the same question getts it answer in one post than that you drive me insane with everybody asking the same question. Thank you for reading...
Attached Images
File Type: jpg Tutorial 1.jpg (138.4 KB, 5134 views)
File Type: jpg Tutorial 2.JPG (133.2 KB, 3941 views)
File Type: jpg Tutorial 3.jpg (111.4 KB, 2537 views)
Argus is offline   Reply With Quote
Sponsored Links - Login to hide this ad!