Upvote Upvoted 1 Downvote Downvoted
Rounded Corners, Outlines and more...
posted in Customization
1
#1
0 Frags +

Hey everyone, so I got into these HUD's a few days ago, been really into customizing them, and right now, I have a couple of questions...

1) Coding for rounded edges? I've noticed on a few HUD's, some people's kill-feeds and charge meters tend to have rounded corners/edges. What is the particular code for adding this feature? (Also, which .res file is the kill-feed info found in?)

2) If I wanted to add an outline to something, rather than just a shadow, how exactly would I go about doing that? Right now, I'm trying to apply the shadow to all of the meters that appear on the screen with different weapons. For example, if I'm playing sandman scout on a snowy level, or somewhere with bright walls and floors, it's really hard to see how close the meter is to being full. (Other meters include demoknight recharge, flying guillotine, etc). How would I add an outline to these meters?

3) Changing intro screen...So a while ago, I tried changing my intro screen to look like the one from SylvHud's HUD, but when I did, only about half of the stuff copied over, leaving it very ugly and incomplete. Is MainMenuOverride.res the only major file I need to copy over (aside from other resource and material files?) or is there another .res I need to copy over?

4) Similar to the above question, I was trying to do the same thing for the spy disguise kit from YaHUD, but when I copied over the .res file as well as the disguise folder, everything was waaaaaay outta place (most of it was off the screen).

I know that this is a lot of questions, and if you don't know the answers, no worries. I appreciate any and all help. Have a good one :D

Hey everyone, so I got into these HUD's a few days ago, been really into customizing them, and right now, I have a couple of questions...

1) Coding for rounded edges? I've noticed on a few HUD's, some people's kill-feeds and charge meters tend to have rounded corners/edges. What is the particular code for adding this feature? (Also, which .res file is the kill-feed info found in?)

2) If I wanted to add an outline to something, rather than just a shadow, how exactly would I go about doing that? Right now, I'm trying to apply the shadow to all of the meters that appear on the screen with different weapons. For example, if I'm playing sandman scout on a snowy level, or somewhere with bright walls and floors, it's really hard to see how close the meter is to being full. (Other meters include demoknight recharge, flying guillotine, etc). How would I add an outline to these meters?

3) Changing intro screen...So a while ago, I tried changing my intro screen to look like the one from SylvHud's HUD, but when I did, only about half of the stuff copied over, leaving it very ugly and incomplete. Is MainMenuOverride.res the only major file I need to copy over (aside from other resource and material files?) or is there another .res I need to copy over?

4) Similar to the above question, I was trying to do the same thing for the spy disguise kit from YaHUD, but when I copied over the .res file as well as the disguise folder, everything was waaaaaay outta place (most of it was off the screen).

I know that this is a lot of questions, and if you don't know the answers, no worries. I appreciate any and all help. Have a good one :D
2
#2
2 Frags +

1). borders. borders are exactly what they sound like, elements that can be used to, amongst other things, add an outline to image. they're defined in clientscheme and they control roundness of edges as well.
this would be a round border:

Rounded
                {
                        "inset" "0 0 0 0"
                        "backgroundtype" "2"
                }

and you'd implement it by adding this to the control (aka element) that you want to round.

"border"				"Rounded"
"border_override"			"Rounded"

for the killfeed, though, i believe there's already a parameter designed to change how rounded it is, cornerradius or something, play around with it. found under deathnotice in hudlayout.res.

2). you could add a background image to the meter i guess, not sure.could try a border? never thought of this, interesting.

3). Gamemenu.res from resource as well (not resource/ui)

4). copy over the control from hudlayout.res as well to get the exact positioning.

you can add me for these sort of questions, always happy to help. if you haven't already seen it, doodle's hud guide is a great resource.

1). borders. borders are exactly what they sound like, elements that can be used to, amongst other things, add an outline to image. they're defined in clientscheme and they control roundness of edges as well.
this would be a round border:
[code]
Rounded
{
"inset" "0 0 0 0"
"backgroundtype" "2"
}
[/code]
and you'd implement it by adding this to the control (aka element) that you want to round.
[code]
"border" "Rounded"
"border_override" "Rounded"
[/code]

for the killfeed, though, i believe there's already a parameter designed to change how rounded it is, cornerradius or something, play around with it. found under deathnotice in hudlayout.res.

2). you could add a background image to the meter i guess, not sure.could try a border? never thought of this, interesting.

3). Gamemenu.res from resource as well (not resource/ui)

4). copy over the control from hudlayout.res as well to get the exact positioning.

you can add me for these sort of questions, always happy to help. if you haven't already seen it, [url=http://doodlesstuff.com/?tutorial=tf2hud]doodle's hud guide[/url] is a great resource.
3
#3
1 Frags +

For rounded edges you can try using "CornerRadius" "number" to add rounded edges to the killfeed. It's listed under HudDeathNotice in the hudlayout.res file. Example:

HudDeathNotice
{
"CornerRadius" "0.2"
}

To add an outline to a meter, you're probably better off just adding an imagepanel behind each meter that's just a little bit bigger than the meter itself. Or, you could just use bgcolor_override and set it to black.

For the spy disguise menu, there are probably a few things in HudLayoutRes that you might be missing that makes it look all messed up but I'm not sure.

Good luck with your hud-editing endeavors

For rounded edges you can try using "CornerRadius" "number" to add rounded edges to the killfeed. It's listed under HudDeathNotice in the hudlayout.res file. Example:

HudDeathNotice
{
"CornerRadius" "0.2"
}

To add an outline to a meter, you're probably better off just adding an imagepanel behind each meter that's just a little bit bigger than the meter itself. Or, you could just use bgcolor_override and set it to black.

For the spy disguise menu, there are probably a few things in HudLayoutRes that you might be missing that makes it look all messed up but I'm not sure.

Good luck with your hud-editing endeavors
4
#4
0 Frags +

Hey thanks guys! Looks like most everything is working out! I can't seem to apply the rounded edges to the meters (not yet anyways, there's a few things I'm still gonna try), but the border worked out well. The only other problem that came up was the spy disguise kit...Most of it went back to place, but for some reason, the background does not want to cooperate with me...I'll upload screens tomorrow if need be.

Hey thanks guys! Looks like most everything is working out! I can't seem to apply the rounded edges to the meters (not yet anyways, there's a few things I'm still gonna try), but the border worked out well. The only other problem that came up was the spy disguise kit...Most of it went back to place, but for some reason, the background does not want to cooperate with me...I'll upload screens tomorrow if need be.
Please sign in through STEAM to post a comment.