WohlSoft Forums

How to create a custom HUD.

In this tutorial, you will learn how to create a custom HUD (As if the title of this post has not been spoken before)
Recommended programs for this tutorial:
• Paint.Net

1. Function:
First of all, let's use a TeaScript function called "HUDset". With it you can delete the data from the original HUD, and add bitmaps to create your own.

Basic information about how Bitmap will be created:

If the first parameter is "Bitmap"

Call HUDSet("bitmap", ID, XSource, YSource, Width, Heigth, X, Y, Advanced, Color)

'ID - The ID that will be used to create the HUD. Every time you create a new Bitmap, you will have to change the ID.
'XSource - Position of the HUD rendering point (Starting from the top left corner.). You can use Paint.NET to know where the rendering point is.
'YSource - Same thing as XSource, only in Vertical.
''Width - Size of bitmap clipping Width (represented on the purple line)
"Height - Size of bitmap clipping Height (represented on the green line) :

Explain2.png (574 Bytes) Viewed 1091 times

'X - Bitmap position, where it will be drawn on the screen.
'Y - Bitmap position, where it will be drawn on the screen.
"Advance - • 5001: Shows the NPC in player 1's item box. | • 5002: Shows the NPC in player 2's item box.
"Color - A certain color. The default value is -1 and type 0 to make the bitmap completely transparent. You can use "RGBA(255, 255, 255, 255)" to change the color.

If the frirst parameter is "Text:"

call hudset("text:custom text:",10,600,25,32,128,16,89,-1,-1)

'ID - The ID that will be used to create the HUD. Every time you create a new Bitmap, you will have to change the ID.
'X - Text Position, where it will be drawn on the screen.
'Y - Text Position, where it will be drawn on the screen.
'StartASCII - The starting character code of the font.
'EndASCII - The last character code of the font.
'RowASCII - The number of characters in a row of the font image.
Example, if your font is in this style:

npc-89.png (19.15 KiB) Viewed 1091 times

So:
StartASCII = Decimal 32 - Starts at the Character "Space".
EndASCII = Decimal 128 - Ends at the "DEL" Character
RowASCII = It has 16 characters in a font line.
'ASCII Table :

extend.gif (11.47 KiB) Viewed 1091 times

'NPCID - The ID of the NPC ID that contains the font used.
'Color - A certain color. The default value is -1 and type 0 to make the text completely transparent. You can use "RGBA(255, 255, 255, 255)" to change the color.

For more information visit this Wiki article : https://wohlsoft.ru/pgewiki/Functions_(TeaScript)#HUDSet

2. Graphics:
In addition to the Function, you must have the graphics to be used in the HUD. They are usually organized in this way:

- But how do I know where they will be on the screen?
Simple. You can create an Image 800x600 (which is the size of the SMBX screen), so you can mount your HUD as you see fit:


3. Mounting the HUD in the Game:
With your SMBX 38A and an empty script within your level. I will explain how the HUD will be created:


I think this was the tutorial, I tried to explain it as easily as possible.
The HUD Level: