noto - a simplistic UI for Team Fortress 2
Thanks for downloading noto! This README will guide you through installation, as well as some of the customizations you're able to make within the HUD.
|Compatibility||Installing the HUD||Customization||Additional Information|
First up, check out the HUD Installation Guide on huds.tf. It runs through all the basics of installing any HUD.
You'll notice inside the noto-master folder there are more folders. The main bulk of the HUD is found in the noto folder. There are are a few other folders included as well. noto_minimal is a minimal version of noto. Copy these files into the noto folder to use the minimal HUD. Another folder, called noto_optional_colors, holds files that mostly change the appearance of the in-game menus. Just copy the files from the color you want to use, and paste them inside the noto or noto_minimal folders. You'll be asked to replace the current files, confirm the action and you'll be good to go.
Each version of these HUDs are the same, although they differ by the colors represented by the name of the folder. If you've used an older version of noto (a la notoHUD), you may prefer noto_classic.
Copy the folder you wish to use into your custom folder and you're ready to go.
noto offers a ton of customization options, compared to older versions of the HUD. These include menu backgrounds, menu text colors, shadows (for health, ammo and other parts of the UI) as well as some other, easy to change panels.
##Colors and Shadows
Most of the HUD's colors and Shadows have been defined within the
resource\clientscheme.res file, and are marked up clearly.
All of the colors that you can see on the menus of the HUD (minus the Quickplay, Main Menu MOTD, Main Menu Notifications and a few others) are listed as NOTO MENU COLORS in the file. The definitions for the colors are as follows:
###Health Colors/Shadows The health colors inside noto are listed under NOTO HEALTH COLORS.
The health text colors are defined by:
NotoHealthNormaldefault color of the health.
NotoHealthBuffcolor of the health when you are overhealed.
NotoHealthLowcolor of the health when you are hurt.
The health background colors are defined by:
NotoHealthBGBuffcolor of the background when you are overhealed.
NotoHealthBGBuff2alternative color of the background when you are overhealed.
NotoHealthBGLowcolor of the background when you are hurt.
NotoHealthBGLow2alternative color of the background when you are hurt.
If the Buff/Buff2 or Low/Low2 colors are different, they will flash between themselves.
The health shadows are defined (and enabled) by:
NotoHealthShadowcolor of the shadow that appears behind the health.
NotoHealthShadowBuffcolor of the shadow that appears behind the health when you are overhealed.
NotoHealthShadowLowcolor of the shadow that appears behind the health when you are hurt.
###Ammo Colors/Shadows The ammo colors inside noto are listed under NOTO AMMO COLORS.
The ammo text colors are defined by:
NotoAmmoClipdefault color of the ammo that is loaded into the clip.
NotoAmmoClipLowcolor of the ammo that is loaded into the clip when ammo is running low.
NotoAmmoReservedefault color of the reserve ammo that is waiting to be reloaded.
NotoAmmoReserveLowcolor of the reserve ammo that is waiting to be reloaded when ammo is running low.
NotoAmmoNoClipdefault color of the ammo that doesn't require reloading.
NotoAmmoNoClipLowcolor of the ammo that doesn't require reloading when ammo is running low.
The ammo background colors are defined by:
NotoAmmoBGLowcolor of the ammo background when ammo is low.
NotoAmmoBGLow2alternative color of the ammo background when ammo is low.
Similar to the health backgrounds, if the Low/Low2 colors are different, they will flash between themselves.
The ammo shadows are defined (and enabled) by:
NotoAmmoClipShadowdefault color of the shadow for ammo that is loaded into the clip.
NotoAmmoClipShadowLowcolor of the shadow for ammo that is loaded into the clip when ammo is running low.
NotoAmmoReserveShadowdefault color of the shadow for reserve ammo that is waiting to be reloaded.
NotoAmmoReserveShadowLowcolor of the shadow for reserve ammo that is waiting to be reloaded when ammo is running low.
NotoAmmoNoClipShadowdefault color of the shadow for ammo that doesn't require reloading.
NotoAmmoNoClipShadowLowcolor of the shadow for ammo that doesn't require reloading when ammo is running low.
###Medic Ubercharge Colors The medic ubercharge colors inside noto are listed under NOTO MEDIC COLORS. Shadows are not enabled or supported for the medic ubercharge panel.
The ubercharge text colors are defined by:
NotoMedicNormaldefault color for the ubercharge percentage number.
NotoMedicCharged1color for the ubercharge percentage number when uber is fully charged.
NotoMedicCharged2alternative color for the ubercharge percentage number when uber is fully charged.
The ubercharge meter and background colors are defined by:
NotoMedicBarNormaldefault color for the ubercharge meter when uber is being built.
NotoMedicBarCharged1color for the ubercharge meter when uber is fully charged.
NotoMedicBarCharged2alternative color for the ubercharge meter when uber is fully charged.
NotoMedicBarBGbackground color for the ubercharge meter.
Similar to the health/ammo backgrounds, if the Charged1/Charged2 colors are different, they will flash between themselves until the ubercharge is drained.
###Crosshair Colors noto includes the option to have HUD crosshairs. There are defined colors for the crosshairs, as the crosshairs included in the HUD have the ability to change color when damage has been dealt to an enemy. You can find out how to install the HUD crosshairs in the related section below.
The crosshair colors are defined by:
NotoCrossdefault color of the crosshair.
NotoCrossDamagecolor of the crosshair when damage is dealt.
NotoCross2alternative color of the crosshair.
Unlike the above alternative colors, the crosshairs do not flash between colors if they have different values.
There are also a few other UI elements that can be changed from the
resource\clientscheme.res file. These include, but aren't limited to the Damage Numbers, the Killstreak Counter and the Scoreboard Background.
There are a few different Scoreboards included in the
noto_scoreboards folder, separated into different folders. Each folder has a
scoreboard.res file inside, which has 2 different scoreboards inside that can be switched using the Toggle Scoreboard button on the main menu, or by using the console command
cl_hud_minmode. They are as follows:
6v6-9v9Includes a 6v6 and a 9v9 scoreboard.
6v6-12v12Includes a 6v6 and a 12v12 scoreboard.
6v6-16v16Includes a 6v6 and a 16v16 scoreboard.
9v9-12v12Includes a 9v9 and a 12v12 scoreboard.
9v9-16v16Includes a 9v9 and a 16v16 scoreboard.
12v12-16v16Includes a 12v12 and a 16v16 scoreboard.
To use one of the optional scoreboards, copy the
scoreboard.res from one of the folders, and paste it into the
resource\ui folder. Make sure to replace the existing scoreboard.res file.
There are a few different Crosshairs included in the
scripts\hudlayout.res file. They are all disabled by default. You can turn them on by changing the visible/enable value to 1.
The crosshair labeled
FogNew is the best crosshair element to use. It takes advantage of Fog's Crosshairs v3. Click here to view the available crosshairs. You can change the look of the crosshair by changing the
labelText value to the corresponding letter/number of the crosshair you want from the image.
You can also change the size of the Crosshair you're using by changing the
font value. The numbers at the end of the font indicate the size. The default is
Crosshairs24. They only go up in integers of 2, so no odd numbers allowed (
Crosshairs23 would not work!).
Some of the crosshair sizes support outlines as well. You can check these inside the
resource\clientscheme.res file if you're looking to add them to your crosshair.
PLEASE NOTE: you may notice the crosshair you want to use is misaligned on your resolution. You will have to rectify this yourself by changing the
ypos values, and in some cases the
tall values until the crosshair sits nicely in the center of your screen.
Although noto is actively updated, general support is currently minimal or non-existent. However, you can check out these links if you're having some genuine issues. Someone, somewhere is sure to be able to help you out!
##Credits noto is actively developed by omnibombulator. Credit also goes to the following people for their help and support of the HUD's development.
- TheSupremeCommander - for fixing the hudlayout.res file upon initial release.
- Quartz/Sir Villeta - for the Class Icons font.
- Gubbins, Dewotter, Guuse, Colly, Harvard and many others - for general feedback and for supporting the HUD from the get-go.
- Raysfire - wouldn't have even gotten into HUD development without Rayshud as inspiration.
- Whahay - inspiration for many of the HUD elements.