Difference between revisions of "Custom HUD"

From comp.tf
Jump to navigation Jump to search
m (fixed gamebanana link)
 
(25 intermediate revisions by 16 users not shown)
Line 1: Line 1:
The '''HUD''', or '''heads-up display''', are the things such as health, ammo, the killfeed, and the round timer that sit on top of the action happening on your screen. Many competitive players found the the default HUD to be less than ideal, with the health and ammo tucked away in the far corners, so they designed replacements that move this info toward the center of the screen, as well as adding things such as custom crosshairs and bigger, more visible damage numbers.
+
[[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)]]
  
==List of HUDs==
+
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.
  
{| class="wikitable"
+
==How to install==
|-
+
Since the Steampipe update, custom files are much more easily installed and managed.
! 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 || Blade || [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/?stuff=doodlehud Link]
 
|-
 
| drdonutman's HUD || - || [https://sites.google.com/site/drdonutmantf2/my-hud Link]
 
|-
 
| e.v.e HUD || - || [http://code.google.com/p/eve-tf2hud/ Link]
 
|-
 
| Ell's HUD || - || [http://code.google.com/p/ellshud/ Link]
 
|-
 
| FlameHUD || - || [http://code.google.com/p/communitytf2hud/ Link]
 
|-
 
| fnhud || - || [http://code.google.com/p/fnhud/ Link]
 
|-
 
| FrankenHUD || - || [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]
 
|-
 
| KBNHud || - || [http://code.google.com/p/kbnhud/ Link]
 
|-
 
| keredhud || - || [http://code.google.com/p/keredhud/ Link]
 
|-
 
| KNHUD || - || [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 || - || [https://github.com/omp/tf2hud/ Link]
 
|-
 
| OTL's HUD || - || [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://whayay.github.io/yA_HUD/ Link]
 
|-
 
| ZimHUD || - || [https://code.google.com/p/zimhud/ Link]
 
|-
 
  
Full list of custom HUDs [http://teamfortress.tv/forum/thread/183-collection-of-custom-huds here.]
+
# Download your preferred HUD, which usually come in a .zip or .rar format
 +
# 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.
 +
# Copy the folder to the '''Steam/steamapps/common/team fortress 2/tf/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'''
 +
## On Linux copy the folder to '''~/.local/share/Steam/SteamApps/common/Team Fortress 2/tf/custom'''
 +
# 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 [http://huds.tf/guides/?guide=1 here].
 +
 
 +
==How to create custom HUDs==
 +
 
 +
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:
 +
 
 +
* [http://flamehud.googlecode.com/files/FlameHUD.pdf Flame's Guide To HUDs (.pdf)]
 +
* [http://doodlesstuff.com/?tutorial=tf2hud Doodles HUD editing guide]
 +
* [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]
 +
* [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]]

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]