*HOW-TO* Hack your hud (by editing the .gfx files)

Comment below rating threshold, click here to show it.

Polka Dot Robot

This user has referred a friend to League of Legends, click for more information

Senior Member

05-31-2012

What about having the portrait centered, rather than the abilities bar? It looks a bit odd being offset like that.


Comment below rating threshold, click here to show it.

Phauxe

Member

06-01-2012

I was thinking about that, but I am putting the target bar on the other side of the ability bar and making the mini map smaller and the micro menu and fps/score board menu are going on the left corner.


Comment below rating threshold, click here to show it.

myrjin

Junior Member

06-01-2012

Is there anywhere I can find details about how to modify my UI positions?
Since I can't use perb to move things, I am kind of stuck - and my attempts to touch the files via the manager seem to corrupt lol


Comment below rating threshold, click here to show it.

TheBziur

Member

06-01-2012

It's all in the LoL/Game/Data/Menu/Hud/Elements/*.ini files. In ACE client.
In normal client it's somewhere in the LoL/raf/.../archives/0.0.0.95/Hud/Menu/Elements/*.ini files (if I recall correctly)
In your situation I think it's best to use an offset atribute (set it to negative?). Which is a percentage x,y margin. gl.


Comment below rating threshold, click here to show it.

Phauxe

Member

06-02-2012

Quote:
Originally Posted by myrjin View Post
Is there anywhere I can find details about how to modify my UI positions?
Since I can't use perb to move things, I am kind of stuck - and my attempts to touch the files via the manager seem to corrupt lol
When you get into the .ini files you will see code similar to:

//////////////////////////////////////////
Type: Icon
Name: XPBar
Group: RealTimeOverlay
Enabled: 1
AlwaysRespond: 0
Draggable: 0
Color: 253, 161, 53, 255
Layer: 5
Anchor: 0.5,1
Rect: 670,1027 - 1226 ,1041 / 1920x1080

Alpha: 0
Texture: HUDAtlas
UV: 804,80 - 819,96 / 1024x1024
//////////////////////////////////////////

Another way to move the hud:
The code I have bolded control the movement, width and height. The first set of code is the anchor, the anchor controls where on the screen your Rect starts from For example in the code above Anchor: 0.5,1 will move the player xp bar to the center bottom of the screen.

To move it left or right of the anchor adjust the bolded numbers together in the following code: Rect: 670,1027 - 1226,1041 / 1920x1080, (so if you change 670 to 650 you have added/taken away 20 from this number and must also add/take 20 away from 1226), otherwise you affect the width of the panel as well.

To move it up or down from the anchor adjust the bolded numbers together in the following code Rect: 670,1027 - 1226 ,1041 / 1920x1080, (so if you change 1027 to 1017 you have added/taken away 10 from this number and must also add/take away 10 from 1041), other wise you will affect the height of the panel as well.
__________

To figure out the height or width: Rect: 670,1027 - 1226 ,1041 / 1920x1080 take the first set of bolded numbers and subtract them from eachother (1226 - 670 = 556)
so your width is 556, (to make your width 566 you would get Rect: 660,1027 - 1226 ,1041 / 1920x1080. So increasing/increasing one of these numbers will adjust your width. Same thing for the height except with these numbers Rect: 670,1027 - 1226 ,1041 / 1920x1080.

Hope this helped and made sense. Here is a screen shot of the code I posted for the xp bar.


Comment below rating threshold, click here to show it.

InfinityDelta

Junior Member

06-02-2012

hey can anyone help me out im trying to edit the files so the target bar is near the champion bar (since i play flipped map, near the bottom right). ive tried editing elementsmainlisting.ini and came up with this:

//////////////////////////////////////////
Type: Icon
Name: TargetBarFrame
Group: TargetBar
Enabled: 1
AlwaysRespond: 0
Draggable: 0
Layer: 0
Anchor: 1,1
Rect: 957,928 - 1415,1030 / 1920x1080
Alpha: 1
Texture: HUDAtlas
UV: 331,524 - 667,623 / 1024x1024
//////////////////////////////////////////


so i dont know if that is even correct but ive tried loading the elementsmainlisting.ini into SUI which doenst work (it doesnt know where to put it) and when i try RAF manager it gives me an error on startup at 0.0.8.5 or something but i could still load in the file but when i put it in it doesnt work (nothing happens). i dont really know what im doing lol any help would be appreciated.


for reference here is a picture of what im trying to do.


Comment below rating threshold, click here to show it.

Phauxe

Member

06-02-2012

Quote:
Originally Posted by InfinityDelta View Post
hey can anyone help me out im trying to edit the files so the target bar is near the champion bar
__________

I had a little trouble with the target bar and its components. I quickly found out that after moving it, stuff either disappeared or presented with a black background. So I put all the target components on TargetBarRealtime, here is my code if it helps, you may need to adjust the Rect to fit your needs.

//////////////////////////////////////////
Type: Icon
Name: TargetBar
Group: TargetBarRealtime
Enabled: 1
AlwaysRespond: 0
Draggable: 0
Layer: 0
Anchor: 0.5,1
Rect: 1277,937 - 1772,1078/ 1920x1080
Alpha: 1
Texture: HUDAtlas
UV: 330,523 - 729,684/ 1024x1024
//////////////////////////////////////////

Here is a picture ref of my results, please keep in mind this is a WIP so things like the micro menu are not where they are supposed to be.


Comment below rating threshold, click here to show it.

Phauxe

Member

06-04-2012

Although im not finished with my UI it is now playable. I have been testing it out in the double IP weekend... didn't want to miss out ;] and I noticed that the player item are a bit blurry and the target items are not. They are exactly the same in every way except 2 things, the group and placement on the screen. Here is the code.

//////////////////////////////////////////
Type: Icon
Name: HUDLeftFrame
Group: HUDLeft
Enabled: 1
AlwaysRespond: 0
Draggable: 0
Layer: 3
Anchor: 0.5,1
Rect: 80,918- 646,1059/ 1920x1080
Alpha: 1
Texture: HUDAtlas
UV: 0,0 - 476,161 / 1024x1024
//////////////////////////////////////////
__________

//////////////////////////////////////////
Type: Icon
Name: TargetBar
Group: TargetBarRealtime
Enabled: 1
AlwaysRespond: 0
Draggable: 0
Layer: 0
Anchor: 0.5,1
Rect: 1277,937 - 1772,1078/ 1920x1080
Alpha: 1
Texture: HUDAtlas
UV: 330,523 - 729,684/ 1024x1024
//////////////////////////////////////////

Here is the screenshot, the blur is subtle but noticeable, zooming in helps to see what im talking about.


Comment below rating threshold, click here to show it.

TheBziur

Member

06-04-2012

//////////////////////////////////////////
Type: Icon
Name: HUDLeftFrame
(...)
Rect: 80,918- 646,1059/ 1920x1080 #646-40 = 566 (567), 1059-918 = 141 (142)
(...)
//////////////////////////////////////////
---------------------------
//////////////////////////////////////////
Type: Icon
Name: TargetBar
(...)
Rect: 1277,937 - 1772,1078/ 1920x1080 #1772-1277 = 459 (460), 1078-937 = 141 (142)
(...)
//////////////////////////////////////////

I'm not solid sure about if I'm right, but I think the target frame is supposed to be 1 pixel bigger/smaller. That's because including portrait you have there 5 hairlines, that are equivalent to 5 pixels. The margins on a frame compensate each other, while hairlines do not. So if I'm correct you should have odd width on that. As I said I may be wrong though


Comment below rating threshold, click here to show it.

myrjin

Junior Member

06-04-2012

Quote:
Originally Posted by Phauxe View Post
When you get into the .ini files you will see code similar to:
THANKYOU

I tweaked around in that folder, moved a couple elements - but couldn't make the entire group move, then I saw the top line in the file.
changed it to
BaseOffset: -1.25,0
And my minimap is now on my middle screen again. I don't really understand the notation there - I understand the elements based off 0,0 - but the point of reference must be on the right, and approximately a single screen width = '1'? In anycase, that number works for me

I will mess around to find the other frames tomorrow, but you have made my week

THANKYOU!