Difference between revisions of "Custom HUD"

From comp.tf
Jump to navigation Jump to search
(Fixed some links and added more creators to the list)
m (fixed gamebanana link)
 
(18 intermediate revisions by 12 users not shown)
Line 1: Line 1:
{{stub}}
+
[[File:Broeselhud.png|framed|right|Example of one of the most famous custom huds (Broesel hud)]]
 +
[[File:rayshud.png|framed|right|Another very popular custom hud (rays hud)]]
 +
 
 
The '''HUD''', or '''heads-up display''', are the in-game element such as health and ammo indicators, the killfeed, etc. Custom HUDs are very important to the competitive scene because they usually focus more on usability. Many competitive players prefer custom HUDs over the default one as they clutter the screen less and show more relevant information to the player.
 
The '''HUD''', or '''heads-up display''', are the in-game element such as health and ammo indicators, the killfeed, etc. Custom HUDs are very important to the competitive scene because they usually focus more on usability. Many competitive players prefer custom HUDs over the default one as they clutter the screen less and show more relevant information to the player.
 
==List of HUDs==
 
 
{| class="wikitable"
 
|-
 
! Name of HUD !! Name of creator !! Website
 
|-
 
| 8bit HUD || - || [http://code.google.com/p/simple-tf-hud/ Link]
 
|-
 
| A Toasty HUD || - || [http://code.google.com/p/toastyhudtf2/ Link]
 
|-
 
| Anthal's minHUD || Anthal || [http://code.google.com/p/anthal-minhud/ Link]
 
|-
 
| BladeHUD || Gunblade || [http://code.google.com/p/bladehud/ Link]
 
|-
 
| broeselhud || [http://steamcommunity.com/id/brsl/ broesel] || [http://code.google.com/p/broeselhud/ Link]
 
|-
 
| clownHUD || - || [https://code.google.com/p/clownhud/ Link]
 
|-
 
| Community HUD Reborn || [http://steamcommunity.com/id/Cheezyyyy Cheezyyyy] || [http://steamcommunity.com/groups/CommHUDReborn Link]
 
|-
 
| Deli's HUD || [http://steamcommunity.com/id/76561198016511460 Deli] || [http://delihud.tk/ Link]
 
|-
 
| Doodle HUD || [http://doodlesstuff.com/?m=about Doodles] || [http://doodlesstuff.com/?stuff=doodlehud Link]
 
|-
 
| drdonutman's HUD || [https://sites.google.com/site/drdonutmantf2/ drdonutman] || [https://sites.google.com/site/drdonutmantf2/my-hud Link]
 
|-
 
| e.v.e HUD || Sinders || [http://code.google.com/p/eve-tf2hud/ Link]
 
|-
 
| Ell's HUD || http://steamcommunity.com/id/fuckingell ell] || [http://code.google.com/p/ellshud/ Link]
 
|-
 
| FlameHUD || - || [http://code.google.com/p/communitytf2hud/ Link]
 
|-
 
| fnhud || - || [http://code.google.com/p/fnhud/ Link]
 
|-
 
| FrankenHUD || 6000 ANGRY BEES || [http://steamcommunity.com/groups/frankenhud Link]
 
|-
 
| G-Mang HUD || - || [http://code.google.com/p/gmang-tf2hud/ Link]
 
|-
 
| Garm3n HUD || [http://steamcommunity.com/profiles/76561197996559837/ Garm3n] || [http://www.sdx-gaming.eu/?page_id=4097 Link]
 
|-
 
| grapehud || grape || [https://github.com/grapetf2/grapehud Link]
 
|-
 
| HUDAS Iscariote || [http://steamcommunity.com/profiles/76561198014788242/ quartz] + [http://steamcommunity.com/id/sirvi/ Sir Villeta] || [http://www.deascrea.com/hudas.html Link]
 
|-
 
| kzahud || [http://steamcommunity.com/profiles/76561198027523681/ Kaiza] || [http://code.google.com/p/kzahud/ Link]
 
|-
 
| KBNHud || - || [http://code.google.com/p/kbnhud/ Link]
 
|-
 
| keredhud || [http://steamcommunity.com/id/Kered13 Kered13] || [http://code.google.com/p/keredhud/ Link]
 
|-
 
| KNHUD || [http://steamcommunity.com/id/RAWKSTEADY chippy] || [http://www.rdyup.org/knhud/ Link]
 
|-
 
| Metro HUD || - || [https://code.google.com/p/tf2-metro-hud/ Link]
 
|-
 
| M0rehud || - || [http://www.m0re.fi/ Link]
 
|-
 
| Nescau HUD || - || [http://code.google.com/p/nescau-hud/ Link]
 
|-
 
| odhud || - || [http://code.google.com/p/odhud/ Link]
 
|-
 
| omp's HUD || [http://steamcommunity.com/id/dvshakaryan omp] || [http://rawr.am/tf2hud/ Link]
 
|-
 
| OTL's HUD || [http://steamcommunity.com/id/UserErrOr413/ OTL] || [http://code.google.com/p/otl-tf2hud/ Link]
 
|-
 
| pudHUD || - || [http://pudhud.github.io/ Link]
 
|-
 
| PVHUD || [http://steamcommunity.com/id/povohat/ povohat] || [http://ozfortress.com/showthread.php?t=42719 Link]
 
|-
 
| QuartzHUD || - || [http://code.google.com/p/quartzhud-tf2hud/ Link]
 
|-
 
| radshud || - || [http://code.google.com/p/radshud/ Link]
 
|-
 
| rayshud || [http://steamcommunity.com/id/raysfire Rays] || [https://github.com/raysfire/rayshud Link]
 
|-
 
| ryuswagwahud || - || [http://code.google.com/p/ryuswagwahud/ Link]
 
|-
 
| shlaner's HUD || - || [http://code.google.com/p/shlaner-hud/ Link]
 
|-
 
| Soft HUD || - || [http://www.mediafire.com/download.php?9zb96xgp6h76g16 Link]
 
|-
 
| sylverhud || - || [http://code.google.com/p/sylverhud/ Link]
 
|-
 
| washy hud || - || [https://code.google.com/p/washyhud-beta/ Link]
 
|-
 
| yA_HUD || [http://steamcommunity.com/id/whayay whayay] || [http://whayay.github.io/yahud/ Link]
 
|-
 
| ZimHUD || - || [https://code.google.com/p/zimhud/ Link]
 
|}
 
 
Another list of custom HUDs can be seen [http://teamfortress.tv/forum/thread/183-collection-of-custom-huds here.]
 
  
 
==How to install==
 
==How to install==
 
Since the Steampipe update, custom files are much more easily installed and managed.
 
Since the Steampipe update, custom files are much more easily installed and managed.
  
 
+
# Download your preferred HUD, which usually come in a .zip or .rar format
'''To install any custom HUD you should follow the steps below:'''
+
# Extract the main contents of the HUD package into its own folder, which can have any name of your liking. The folder should now contain resource, scripts and/or materials folders.
# Extract the main contents of the HUD package you downloaded (usually HUDs come in .zip or .rar format), they should contain a resource, scripts and/or materials folders.
+
# Copy the folder to the '''Steam/steamapps/common/team fortress 2/tf/custom''' directory on your hard drive
# Go to the '''Steam/steamapps/common/team fortress 2/t2/custom''' directory on your hard drive
+
## On Mac OSX/macOS copy the folder to '''~/Library/Application Support/Steam/SteamApps/common/Team Fortress 2/tf/custom'''
# Create a folder and name it to your liking (ex: mycustomhud)
+
## On Linux copy the folder to '''~/.local/share/Steam/SteamApps/common/Team Fortress 2/tf/custom'''
# Copy the extracted folders into the folder you created in the custom directory
 
 
# Start the game and test the HUD you installed
 
# Start the game and test the HUD you installed
  
 
'''Note:''' The game should be closed while you do this.
 
'''Note:''' The game should be closed while you do this.
 +
 +
You can also check Huds.tf guide on How to install custom Huds [http://huds.tf/guides/?guide=1 here].
  
 
==How to create custom HUDs==
 
==How to create custom HUDs==
Line 112: Line 24:
 
There are some guides/tutorials created by various members of the community on the subject, which can be seen below:
 
There are some guides/tutorials created by various members of the community on the subject, which can be seen below:
  
[http://flamehud.googlecode.com/files/FlameHUD.pdf Flame's Guide To HUDs (.pdf)] <br />
+
* [http://flamehud.googlecode.com/files/FlameHUD.pdf Flame's Guide To HUDs (.pdf)]
[http://doodlesstuff.com/?tutorial=tf2hud Doodles HUD editing guide]<br />
+
* [http://doodlesstuff.com/?tutorial=tf2hud Doodles HUD editing guide]
[http://www.youtube.com/playlist?list=PL5eNrB8RrXXvohogCcKNKyk9SJxa26ltz Rays HUD tutorials (Youtube Playlist)]<br />
+
* [http://www.youtube.com/playlist?list=PL5eNrB8RrXXvohogCcKNKyk9SJxa26ltz Rays HUD tutorials (Youtube Playlist)]
[http://mods.fightingamphibians.org/hud1.png Boen's Guide to HUDs Part 1]<br />
+
* [http://mods.fightingamphibians.org/hud1.png Boen's Guide to HUDs Part 1]
[http://mods.fightingamphibians.org/hud2.jpg Boen's Guide to HUDs Part 2]<br />
+
* [http://mods.fightingamphibians.org/hud2.jpg Boen's Guide to HUDs Part 2]
 +
* [http://huds.tf/guides/?guide=2 huds.tf Guide on how to install custom Fonts on your hud by Flatline]
 +
* [http://huds.tf/guides/?guide=3 huds.tf Guide on how to install custom Crosshairs on your hud by Han Brolo]
 +
 
 +
== Other Guides ==
 +
* [https://dl.dropboxusercontent.com/u/19762650/importingxhairstf2.jpg How to move HUD crosshairs between HUDs]
 +
 
 +
==External Links==
 +
* [http://huds.tf/ huds.tf] - A community driven website that contains new and old HUDs and is continuously being updated.
 +
* [http://teamfortress.tv/forum/thread/183-collection-of-custom-huds Teamfortress.tv Thread] - A large HUD collection, although more outdated than [http://www.huds.tf huds.tf].
 +
* [http://www.gamebanana.com/guis/cats/434 Gamebanana -  TF2 HUDs] - 10+ pages of HUDs.
  
 +
<!-- PUT CATEGORIES UNDER THIS LINE!-->
 
[[Category:Customization]]
 
[[Category:Customization]]

Latest revision as of 19:12, 27 October 2021

Example of one of the most famous custom huds (Broesel hud)
Another very popular custom hud (rays hud)

The HUD, or heads-up display, are the in-game element such as health and ammo indicators, the killfeed, etc. Custom HUDs are very important to the competitive scene because they usually focus more on usability. Many competitive players prefer custom HUDs over the default one as they clutter the screen less and show more relevant information to the player.

How to install[edit]

Since the Steampipe update, custom files are much more easily installed and managed.

  1. Download your preferred HUD, which usually come in a .zip or .rar format
  2. Extract the main contents of the HUD package into its own folder, which can have any name of your liking. The folder should now contain resource, scripts and/or materials folders.
  3. Copy the folder to the Steam/steamapps/common/team fortress 2/tf/custom directory on your hard drive
    1. On Mac OSX/macOS copy the folder to ~/Library/Application Support/Steam/SteamApps/common/Team Fortress 2/tf/custom
    2. On Linux copy the folder to ~/.local/share/Steam/SteamApps/common/Team Fortress 2/tf/custom
  4. Start the game and test the HUD you installed

Note: The game should be closed while you do this.

You can also check Huds.tf guide on How to install custom Huds here.

How to create custom HUDs[edit]

For most HUD editing tasks only a text processor is needed, this makes it very easy to create and edit custom huds.

There are some guides/tutorials created by various members of the community on the subject, which can be seen below:

Other Guides[edit]

External Links[edit]