Upvote Upvoted 89 Downvote Downvoted
1 2 3 4
mkHUD
posted in Customization
1
#1
0 Frags +

http://puu.sh/pzP1A/5fdda5dee6.png

Hello. Here's my HUD that I've been working on for a few months. It is mostly inspired by material design, though it doesn't follow the rules of material design completely.

Updated for Jungle Inferno

Screenshots - Last Updated Oct 23

GitHub
Direct DL
Steam Group

Resolution Support

16:9 - yes. made on 1920x1080. minor clipping on other resolutions
16:10 - yes. minor clipping with some elements, shouldn't be too noticeable
4:3 - yes. minor clipping with some elements, shouldn't be too noticeable
5:4 - yes. minor clipping with some elements, shouldn't be too noticeable

Notes

Please don't add me for questions about this HUD. Ask them here. This is why I have a HUD thread.

INSTALL THE FONTS

If your chat font seems too big, go to mkHUD > Resource > Scheme > Chat > Roboto/Neutra depending on what font you're using > Edit tall value of "Default" and "ChatFont" to "14".

Changelog is available in my GitHub

Credits

Show Content
Extended credits: https://github.com/nimtra/mkHUD

Inspiration from:
broeselhud (feeling & broesel)
ahud (Nokk)
materialHUD (Rawrsor)
cbhud (CoBa)
rayshud (raysfire)
wavesui (extracrispy)
ToonHUD (Griever)
omphud (Omp)
omnibombulator (noto & huds.tf)
solarHUD (Stochast1c)
Hudas Iscariote (redd0t, cirlo, b4stian, Quartz)
yayahud (yttrium)
PrismHUD (JarateKing)
tf.tv HUD modification and HUD Q&A thread
Thanks to:
Knuckles (crosshairs)
truktruk twitch sub discord for finding bugs
[img]http://puu.sh/pzP1A/5fdda5dee6.png[/img]

Hello. Here's my HUD that I've been working on for a few months. It is mostly inspired by material design, though it doesn't follow the rules of material design completely.

[b]Updated for Jungle Inferno[/b]

[url=http://imgur.com/a/wHHbv]Screenshots - Last Updated Oct 23[/url]

[url=https://github.com/nimtra/mkHUD]GitHub[/url]
[url=https://github.com/nimtra/mkHUD/archive/master.zip]Direct DL[/url]
[url=http://steamcommunity.com/groups/mkhud]Steam Group[/url]

[u][b]Resolution Support[/b][/u]

16:9 - yes. made on 1920x1080. minor clipping on other resolutions
16:10 - yes. minor clipping with some elements, shouldn't be too noticeable
4:3 - yes. minor clipping with some elements, shouldn't be too noticeable
5:4 - yes. minor clipping with some elements, shouldn't be too noticeable

[u][b]Notes[/b][/u]

Please don't add me for questions about this HUD. Ask them here. This is why I have a HUD thread.

INSTALL THE FONTS

If your chat font seems too big, go to mkHUD > Resource > Scheme > Chat > Roboto/Neutra depending on what font you're using > Edit tall value of "Default" and "ChatFont" to "14".

Changelog is available in my GitHub

[u][b]Credits[/b][/u]
[spoiler]
Extended credits: https://github.com/nimtra/mkHUD

Inspiration from:
broeselhud (feeling & broesel)
ahud (Nokk)
materialHUD (Rawrsor)
cbhud (CoBa)
rayshud (raysfire)
wavesui (extracrispy)
ToonHUD (Griever)
omphud (Omp)
omnibombulator (noto & huds.tf)
solarHUD (Stochast1c)
Hudas Iscariote (redd0t, cirlo, b4stian, Quartz)
yayahud (yttrium)
PrismHUD (JarateKing)
tf.tv HUD modification and HUD Q&A thread
Thanks to:
Knuckles (crosshairs)
truktruk twitch sub discord for finding bugs
[/spoiler]
2
#2
4 Frags +

dropping the PHAT HUD! Great job, I know you've worked real hard on it, glad to see it finally getting its own thread :)

dropping the PHAT HUD! Great job, I know you've worked real hard on it, glad to see it finally getting its own thread :)
3
#3
-2 Frags +

Might want to make the backgrounds of the Build/Disguise menus Transparent. They cover up a lot of the visual area and would possibly be a pain in game.

Might want to make the backgrounds of the Build/Disguise menus Transparent. They cover up a lot of the visual area and would possibly be a pain in game.
4
#4
0 Frags +
BarytaQMight want to make the backgrounds of the Build/Disguise menus Transparent. They cover up a lot of the visual area and would possibly be a pain in game.

http://puu.sh/p5xMv/3cad6111dd.png

I don't think I can make them transparent because that could ruin the overall "aesthetic" I have going on, but I did make it smaller.

[quote=BarytaQ]Might want to make the backgrounds of the Build/Disguise menus Transparent. They cover up a lot of the visual area and would possibly be a pain in game.[/quote]

[img]http://puu.sh/p5xMv/3cad6111dd.png[/img]

I don't think I can make them transparent because that could ruin the overall "aesthetic" I have going on, but I did make it smaller.
5
#5
1 Frags +

Nimtra has worked really hard on this hud for awhile now, and I'm glad to see it being released. Highly recommend it :D

Nimtra has worked really hard on this hud for awhile now, and I'm glad to see it being released. Highly recommend it :D
6
#6
0 Frags +

maybe outline the numbers

maybe outline the numbers
7
#7
-2 Frags +

the menus look amazing, they kinda look overwatch inspired.

edit: just launched this on 4:3 and the only things that are broken are the scoreboard, chat, welcome screen and the notification panel, are you sure you can't fix them?

the menus look amazing, they kinda look overwatch inspired.

edit: just launched this on 4:3 and the only things that are broken are the scoreboard, chat, welcome screen and the notification panel, are you sure you can't fix them?
8
#8
7 Frags +

would really like to try it out once you implement a healthcross and 4:3 support :P

would really like to try it out once you implement a healthcross and 4:3 support :P
9
#9
3 Frags +

make the letters more visible, then its perfect.

make the letters more visible, then its perfect.
10
#10
3 Frags +

beautiful hud!

beautiful hud!
11
#11
12 Frags +

Amazing design for the main menu. Makes me wonder why Valve hasn't made something similar in terms of design for the default HUD.

Amazing design for the main menu. Makes me wonder why Valve hasn't made something similar in terms of design for the default HUD.
12
#12
0 Frags +

Health color while being overhealed is white, could you change it to blue/green? Also, shadow under chat are a bit strange: https://gyazo.com/b8d0bc2253a4adb204a66b282cd0cb6b

Health color while being overhealed is white, could you change it to blue/green? Also, shadow under chat are a bit strange: https://gyazo.com/b8d0bc2253a4adb204a66b282cd0cb6b
13
#13
whitelist.tf
4 Frags +

This issue with the overlapping class images in the charinfoloadoutsubpanel can all be fixed with pin_to_sibling and then works regardless of resolution and aspect ratio.

[url=http://puu.sh/oVYLF/f663a93772.png]This issue with the overlapping class images[/url] in the charinfoloadoutsubpanel can all be fixed with [i]pin_to_sibling[/i] and then works regardless of resolution and aspect ratio.
14
#14
huds.tf
15 Frags +

Accepted the huds.tf submission. Excellent work on the HUD, always nice to see new ones pop up.

Accepted the huds.tf submission. Excellent work on the HUD, always nice to see new ones pop up.
15
#15
3 Frags +

aw heck yeah bud! this hud is perfect as frick and i love nimtra B)

aw heck yeah bud! this hud is perfect as frick and i love nimtra B)
16
#16
3 Frags +

did you sell your soul for these amazing hud editing skills? I am envious :(

did you sell your soul for these amazing hud editing skills? I am envious :(
17
#17
1 Frags +
WiethoofdThis issue with the overlapping class images in the charinfoloadoutsubpanel can all be fixed with pin_to_sibling and then works regardless of resolution and aspect ratio.

Where in the file do I put "pin_to_sibling"?

People were saying the health & ammo wasn't very visible. I moved the shadow downwards. Hopefully this satisfies everyone.

http://puu.sh/p6IYN/c6ff222edd.png

I am currently working on support for 16:10 and possibly 4:3. Will push an update to my github once I finish it.

[quote=Wiethoofd][url=http://puu.sh/oVYLF/f663a93772.png]This issue with the overlapping class images[/url] in the charinfoloadoutsubpanel can all be fixed with [i]pin_to_sibling[/i] and then works regardless of resolution and aspect ratio.[/quote]

Where in the file do I put "pin_to_sibling"?

People were saying the health & ammo wasn't very visible. I moved the shadow downwards. Hopefully this satisfies everyone.

[img]http://puu.sh/p6IYN/c6ff222edd.png[/img]

I am currently working on support for 16:10 and possibly 4:3. Will push an update to my github once I finish it.
18
#18
0 Frags +
nimtraWiethoofdThis issue with the overlapping class images in the charinfoloadoutsubpanel can all be fixed with pin_to_sibling and then works regardless of resolution and aspect ratio.
Where in the file do I put "pin_to_sibling"?

People were saying the health & ammo wasn't very visible. I moved the shadow downwards. Hopefully this satisfies everyone.

http://puu.sh/p6IYN/c6ff222edd.png

I am currently working on support for 16:10 and possibly 4:3. Will push an update to my github once I finish it.

Looks reaaaally good :o

[quote=nimtra][quote=Wiethoofd][url=http://puu.sh/oVYLF/f663a93772.png]This issue with the overlapping class images[/url] in the charinfoloadoutsubpanel can all be fixed with [i]pin_to_sibling[/i] and then works regardless of resolution and aspect ratio.[/quote]

Where in the file do I put "pin_to_sibling"?

People were saying the health & ammo wasn't very visible. I moved the shadow downwards. Hopefully this satisfies everyone.

[img]http://puu.sh/p6IYN/c6ff222edd.png[/img]

I am currently working on support for 16:10 and possibly 4:3. Will push an update to my github once I finish it.[/quote]
Looks reaaaally good :o
19
#19
1 Frags +

Great hud Nimtra :)

Great hud Nimtra :)
20
#20
whitelist.tf
1 Frags +
nimtraWiethoofdThis issue with the overlapping class images in the charinfoloadoutsubpanel can all be fixed with pin_to_sibling and then works regardless of resolution and aspect ratio.Where in the file do I put "pin_to_sibling"?

You pin the class images in the file to each other (spy to sniper, sniper to medic, medic to engineer, engineer to heavy etc.) and then you pin the scout to the list of items on the left.

Using positive xpos values will offset them from each other when using "pin_corner_to_sibling PIN_TOPLEFT" and "pin_to_corner_sibling PIN_TOPRIGHT"

[quote=nimtra][quote=Wiethoofd][url=http://puu.sh/oVYLF/f663a93772.png]This issue with the overlapping class images[/url] in the charinfoloadoutsubpanel can all be fixed with [i]pin_to_sibling[/i] and then works regardless of resolution and aspect ratio.[/quote]
Where in the file do I put "pin_to_sibling"?[/quote]
You pin the class images in the file to each other (spy to sniper, sniper to medic, medic to engineer, engineer to heavy etc.) and then you pin the scout to the list of items on the left.

Using positive xpos values will offset them from each other when using "pin_corner_to_sibling PIN_TOPLEFT" and "pin_to_corner_sibling PIN_TOPRIGHT"
21
#21
1 Frags +

this is actually amazing

this is actually amazing
22
#22
1 Frags +

Using the command 'tf_hud_showservertimelimit' doesn't show the server time left under the clock.

Using the command 'tf_hud_showservertimelimit' doesn't show the server time left under the clock.
23
#23
1 Frags +
biskuitUsing the command 'tf_hud_showservertimelimit' doesn't show the server time left under the clock.

sorry. I forgot I set the ypos of that to a ridiculous amount. I'm not sure if it even shows up even after I fixed it. even after setting tf_hud_show_servertimelimit to 1 it doesn't show up, at least for me.

nonetheless, I pushed an update to github, let me know if it fixes it.

[quote=biskuit]Using the command 'tf_hud_showservertimelimit' doesn't show the server time left under the clock.[/quote]

sorry. I forgot I set the ypos of that to a ridiculous amount. I'm not sure if it even shows up even after I fixed it. even after setting tf_hud_show_servertimelimit to 1 it doesn't show up, at least for me.

nonetheless, I pushed an update to github, let me know if it fixes it.
24
#24
1 Frags +

Loving this HUD ! ♥

Loving this HUD ! ♥
25
#25
0 Frags +
nimtrabiskuitUsing the command 'tf_hud_showservertimelimit' doesn't show the server time left under the clock.
sorry. I forgot I set the ypos of that to a ridiculous amount. I'm not sure if it even shows up even after I fixed it. even after setting tf_hud_show_servertimelimit to 1 it doesn't show up, at least for me.

nonetheless, I pushed an update to github, let me know if it fixes it.

It works now, but it isn't directly under the timer. Thanks anyway!
Just change the xpos to 13 and it will be fine.

[quote=nimtra][quote=biskuit]Using the command 'tf_hud_showservertimelimit' doesn't show the server time left under the clock.[/quote]

sorry. I forgot I set the ypos of that to a ridiculous amount. I'm not sure if it even shows up even after I fixed it. even after setting tf_hud_show_servertimelimit to 1 it doesn't show up, at least for me.

nonetheless, I pushed an update to github, let me know if it fixes it.[/quote]
It works now, but it isn't directly under the timer. Thanks anyway!
Just change the xpos to 13 and it will be fine.
26
#26
1 Frags +

By the way, there is a bug on the loadout screen. Basically, if you click on weapon slot in order to change weapon and then at the screen that you choose the weapon you want to equip if you press 'Q' to go back, it equips the default weapon.
If you are switching a cosmetic and you press 'Q' it just un-equips the current item.

By the way, there is a bug on the loadout screen. Basically, if you click on weapon slot in order to change weapon and then at the screen that you choose the weapon you want to equip if you press 'Q' to go back, it equips the default weapon.
If you are switching a cosmetic and you press 'Q' it just un-equips the current item.
27
#27
huds.tf
2 Frags +

That's a TF2 thing, not a HUD thing.

That's a TF2 thing, not a HUD thing.
28
#28
-1 Frags +

This is the best looking hud I have ever seen. Amazing work!
(Though I would like it if you add the feature to be able to make your own server, I need to practice on certain maps such as tr_walkway and tr_rocket_shooting but you don't have to if you don't want to)

This is the best looking hud I have ever seen. Amazing work!
(Though I would like it if you add the feature to be able to make your own server, I need to practice on certain maps such as tr_walkway and tr_rocket_shooting but you don't have to if you don't want to)
29
#29
3 Frags +
RustikThis is the best looking hud I have ever seen. Amazing work!
(Though I would like it if you add the feature to be able to make your own server, I need to practice on certain maps such as tr_walkway and tr_rocket_shooting but you don't have to if you don't want to)

Thank you for the kind words.

Unfortunately, I don't plan on adding those buttons in because it just adds more to the minimalist theme I have going on, and I never felt that those buttons were needed. You can just type in "map tr_walkway_rc2" in console and it does the exact same thing.

[quote=Rustik]This is the best looking hud I have ever seen. Amazing work!
(Though I would like it if you add the feature to be able to make your own server, I need to practice on certain maps such as tr_walkway and tr_rocket_shooting but you don't have to if you don't want to)[/quote]

Thank you for the kind words.

Unfortunately, I don't plan on adding those buttons in because it just adds more to the minimalist theme I have going on, and I never felt that those buttons were needed. You can just type in "map tr_walkway_rc2" in console and it does the exact same thing.
30
#30
1 Frags +

i mean adding a + somewhere on the left box wouldn't detract that much

maybe next to the pub text?

like pub then + which opens the create menu

i mean adding a + somewhere on the left box wouldn't detract that much

maybe next to the pub text?

like pub then + which opens the create menu
1 2 3 4
Please sign in through STEAM to post a comment.